HTML5新增标签

「1. 什么是语义化」

语义化是指用HTML写出符合内容的结构化（内容语义化），选择合适的标签（代码语义化），能够便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

「2. 新增了哪些语义化标签」

• header   ---  头部标签

• nav        ---  导航标签

• article ---   内容标签

• section ---   块级标签

• aside     ---   侧边栏标签

• footer   ---   尾部标签

「3. 新增多媒体音频标签」

• 多媒体标签有两个，分别是音频 audio和视频video。

• audio 标签说明

  • 可以在不使用标签的情况下，也能够原生的支持音频格式文件的播放，

  • 但是：播放的格式是有限的。

• audio支持的音频格式

• audio 的参数

    
    
                                 
  
  
  
Your browser doesn't support HTML5 audio. Here is
     a link to the audio instead.

「4. 新增多媒体视频标签」

• video视频标签目前支持三种格式

• 语法格式

• video的参数

• video代码演示

• 多媒体标签总结

  • 音频标签和视频标签使用基本一致

  • 多媒体标签在不同浏览器下情况不同，存在兼容性问题

  • 谷歌浏览器把音频和视频标签的自动播放都禁止了

  • 谷歌浏览器中视频添加muted属性就可以自己播放了

  • 注意：重点记住使用方法及自动播放即可，其他属性在使用时查找对应的手册

「5. 新增input标签」

「6. 新增表单属性」