HTML5新增标签（2）

H5 新增标签

结构标签

• header
• footer
• main
• aside
• nav
• article
• section
• details 属性 open
• summary
• dialog 属性 open

文本标签

• mark
• time
• meter 属性 max min low high value optimum
• progress 表示进度 max value
• wbr 单词内换行
• ruby
• rt

图像

• figure
• figcaption
• img

列表

• menu
• menuitem
• command

多媒体

• video 属性 controls autoplay muted loop poster preload width height src
• audio 属性 controls autoplay muted loop preload src
• source 属性 type src 单标签
• track

表单

• keygen
  
• datalist
• output 输出

H5智能表单

input 新增 type值

• email
• url
• number
• range
• tel
• search
• color
• date
• month
• week
• time
• datetime-lcoal

Form元素 新增的 属性

• autocomplete 值 off/on
• novalidate 不进行验证

表单控件新增的属性

• pattern input/textarea
• placeholder input/textarea
• autofocus
• autocomplete off/of
• required

提交按钮 新增属性

• formaction
• formmethod
• formtarget
• formectype
• formautocomplte
• formnovalidate

H5新增全局属性

• contenteditalbe 是否可编辑 true/false
• contextmenu
• spellcheck 是否语法检查 true/false
• draggable 是否拖动 true/false
• dropzome
  
• translate 是否翻译 yes/no
• hidden 隐藏 不需要值
• data-*

条件注释

基础运算符

• lt 小于
• gt 大于
• lte 小于等于
• gte 大于等于
• ！ 不等于

用法

<!--[if 运算符 IE 版本]>

<![endif]-->

兼容原则

• 优雅降级
• 渐进增强