HTML5新标签和特性

1.1 什么是HTML5

HTML5 ： HTML 标准的最新版本，是对 HTML 的第五次重大修改。 HTML5 的出现，对于 WEB 来说意义重大，其目的是想要把目前WEB 中存在的各种问题一并解决掉。

两个概念： 是一个新版本的 HTML 语言，定义了新的标签、特性和属性。

拥有一个强大的技术集，这些技术集是指： HTML5CSS3 、 javascript, 这也是广义上的 HTML5

总之： HTML5 就是对 HTML4 已有标签属性的删除和增加，另外又增加了新的多媒体等标签，解决目前

WEB 上存在的问题。

HTML5 中的一些有趣的新特性：

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素，比如 article 、 footer 、 header 、 nav 、 section

新的表单控件，比如 date 、 time 、 email 、 url 、 search

1.2 语法的改变

DOCTYPE 声明

指定字符编码 utf-8

可以省略结束标记

具有 boolean 值的属性（ disabled ， checked ）

标签属性的值可以省略引号

等等

1.3 新增语义化标签

header ：定义文档的页眉 , 用来表示页面的头部。

nav ：定义导航链接的部分 nav 元素代表页面中的导航，其中的导航元素链接到其他页面或当前页面

的其他部分。

main ：主体信息

aside : 侧边栏

article ： article 元素表示文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

它可以是一篇博客或报纸中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立

的内容。

section ：定义文档中的节（ section 、区段）

footer ：定义文档或节的页脚

1.4  多媒体标签

embed ：标签定义嵌入的内容

audio ：播放音频

video ：播放视频

1.4.1 多媒体 embed （会使用）

embed 可以用来插入各种多媒体，格式可以是 Midi 、 Wav 、 AIFF 、 AU 、 MP3 等等。 url 为音频或视频文件及其路径，可以是相对路径或绝对路径。我们这里只讲解 插入网络视频， 后面H5 会讲解 audio 和 video 视频多媒体。

优酷，土豆，爱奇艺，腾讯、乐视等等

1. 先上传

2. 在分享

1.4.2 多媒体 audio

HTML5 通过标签来解决音频播放的问题。

使用相当简单，如下图所示

并且可以通过附加属性可以更友好控制音频的播放，如：

controls 是否显不默认播放控件

autoplay 自动播放 ( 目前很多浏览器不支持自动播放 )

loop 循环播放

由于版权等原因，不同的浏览器可支持播放的格式是不一样的，