新结构标签

  1. header定义头部，具有引导和导航作用
  2. footer定义尾部，包含一些章节的基本信息，
    如作者信息、相关链接及版权信息。
  3. nav定义导航，页面中所有的导航都可以通过nav来实现
  4. article定义文章，代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容
  5. section用于对网站或应用程序中页面上的内容进行分块
  6. aside定义侧边栏，往往用于侧边栏的使用，特别是2分栏、3分栏的侧边栏的使用
  7. hgroup定义网页栏目或者模块之间的导航
  8. figure，figcaption定义图片和图片标题组合

新增属性

  1. contentEditable设置可编辑
  • true文本可编辑
  • false文本不可编辑
  1. hidden隐藏
  2. spellcheck表示拼写检查，在opera浏览器上实验
    注意：只有在input的type属性值为text时，而且还有文本可编辑的时候，或者textarea标签上使用时才会生效
  3. tabindex设置元素获取焦点的优先级，取值为number，tabindex的最大值不应超过32767。在IE中，tabindex范围从1~32767之间（包括32767），在Firefox、Chrome无限制，不过一旦超出32767时，顺序跟tabindex=0时一样。
    数值越小，优先级越高，越先获取焦点

解决html5标签在ie中的兼容问题

  1. 进入bootcdn官网搜索html5shiv
  2. 点击进入html5shiv复制script标签
  3. 在需要兼容的页面的head标签中粘贴复制的代码即可，重新打开页面会发现兼容问题已经解决

新增的表单元素

datalist

  1. datalist定义下拉列表提示框，子元素为option单标签
  2. 输入框和下拉列表提示框产生关联需要使用input输入框的list属性和datalist的id属性相一致

  3. datalist的option标签添加两个属性

    • value显示下拉列表每一项的提示内容
    • label对提示内容的描述

details

  1. 显示或者隐藏用户需求的补充描述
  2. summary标签是details的标题
  3. details里面可以使任何内容
  4. open属性添加在details上面可以直接展开详细描述，默认是折叠的

表单控件（type取值）

  1. number数字
  2. range滑块
  3. color取色器
  4. search搜索
  5. date时间（年月日）
  6. month（年月）
  7. week（年周）
  8. time（时分）
  9. email电子邮件（验证电子邮件，必须有@符号，而且前后有内容）
  10. url网络地址（必须有http://）

表单控件新增属性

  1. min定义最小值
  2. max定义最大值
  3. step表示步长
  4. value默认值
  5. autofocus自动聚焦
  6. required设置必填项
  7. pattern验证正则表达式