html5(1)

支持HTML5的浏览器.png

1. HTML5新增标签


<header> 头标签
<nav> 导航标签
<aside> 侧边栏标签
<article> 文章标签
<footer> 页脚
<section> 章节,页眉,栏目

其实这些标签的作用与div标签完全一样,就是多了一些语义。

2. form标签-新增属性


required: 必填属性,表单项不能为空,为空会自动添加提示效果,不同的浏览器显示效果不同。

placeholder: 默认显示内容

autofocus:自动获取焦点

新增的属性功能比较强大,过去只能js来实现。

3. input标签-新增type属性


email: 自动识别邮箱地址的正确性

date: 目前只有chrome支持良好

url: 

number: 

range: 

color:

Chrome中的显示效果.png
optgroup label="":
Paste_Image.png
Paste_Image.png
list
datalist
Paste_Image.png
Paste_Image.png

注意:option中 的value字段不要加,加上的话,datalist中的数据会出不来。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一.一个有具体功能的完整的网页,一般由3部分组成 (1).HTML :网页的内容和结构:比如房子的框架 (2).C...
    IIronMan阅读 3,290评论 2 5
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 9,534评论 1 25
  • HTML5介绍 H5并不是新语言,而是HTML的第五次重大修改(版本),移动端支持优于PC端 所有主流浏览器都支持...
    印象rcj阅读 3,660评论 0 0
  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 4,241评论 0 4
  • IE8以下不兼容HTML5使用以下代码,注释if判断当浏览器为IE9以下时解析 新增标签 标签定义图形,比...
    语目阅读 2,507评论 0 1