HTML5新增内容

HTML5新增内容

• 新增语义化标签
• 新增表单类型
• 新增表单属性
• 新增表单元素
• 新增表单事件
• 新增多媒体标签

新增语义化标签

• header 表示页面中一个内容区块或整个页面的标题
• main 表示页面中的主要内容 (ie不兼容)
• footer 表示页面中一个内容区块或整个页面的脚注
• nav 表示页面中导航链接部分
• article 表示一块与上下文无关的独立的内容
• section元素 表示页面中的一个内容区块
• aside 在article之外的，与article内容相关的辅助信息
• figure 表示一段独立的流内容，
  • 使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
• hgroup 加载标题组合标签
• mark 高亮
• dialog 对话框，open属性必写
• embed 加载插件，src属性写路径
• video加载视频（支持格式ogg,mp4,webm）
• audio加载音频（支持格式ogg，mp3，wav）
• 兼容低版本浏览器：

新增表单类型

• email 限制用户必须输入email类型
  • 如果该文本框中内容不是email地址格式的，则不允许提交。
  • 但不检查email地址是否存在。
  • 提交时可以为空，除非加上了required属性。
  • 具有multiple属性，它允许在该文本框中输入一串以逗号分隔的email地址。
• url 限制用户必须输入url类型
• number 专门用来输入数字的文本框。
• range 产生一个滑动条表单
• search 产生一个搜索意义的表单
• color 生成一个颜色选择的表单
• date 选取日、月、年
• month 选取月、年
• week 选取周和年
• time 选取时间（小时和分钟）
• datetime 选取时间、日、月、年（UTC 时间）
• datetime-local 选取时间、日、月、年（本地时间）

新增表单属性

• placeholder 显示输入提示。
• autofocus 自动获得光标焦点，一个页面只能有一个。
• required 不能为空
• list 结合datalist元素使用
• autocomplete 自动完成提示功能，鼠标点对应的表单会显示之前提交过的内容，name属性值必写
• pattern 属性值设为某个格式的正则表达式，在提交时会检查其内容是否符合给定格式
• max: 最大值
• min: 最小值
• step: 数字间隔
• novalidate：取消验证，添加在form标签
• multiple: 可以输入一个或多个值，每个值之间用逗号分开，还可以应用于file

新增表单元素

• output 输出标签

新增表单事件

• oninput

新增多媒体标签

• embed 加载插件，src属性写路径
• video加载视频（支持格式ogg,mp4,webm）
• audio加载音频（支持格式ogg，mp3，wav）

语义化标签优点

1. 提升可访问性
2. seo（搜索引擎优化）
3. 结构清晰，利于维护