HTML5

新特性

  • 新的语义元素：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <header>标签定义文档的页眉
    <footer>标签定义文档或节的页脚
    以上支持：谷歌5.0	IE9.0	火狐4.0	苹果5.0	欧朋11.1

    <article>标签规定独立的自包含内容</article>
    支持：谷歌6.0	IE9.0	火狐4.0	苹果5.0	欧朋11.1

    <section>标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
    支持：谷歌5.0	IE9.0	火狐4.0	苹果5.0	欧朋11.5

  • 新的表单控件，比如数字、日期、时间、日历和滑块

  • 强大的图像支持

    1
    2
    3
    4
    5
    6
    <canvas>标签定义图形，比如图表和其他图像。标签只是图形容器，您必须使用脚本来绘制图形。
    支持：谷歌4.0	IE9.0	火狐2.0	苹果3.1	欧朋9.0

    <svg>标记定义 SVG 图形的容器。
    	 SVG 有几种绘制路径、框、圆、文本和图形图像的方法。
    支持：谷歌4.0	IE9.0	火狐3.0	苹果3.2	欧朋10.1

  • 强大的多媒体支持

    1
    2
    3
    4
    <video>标签定义视频，比如电影片段或其他视频流。
    支持：谷歌4.0	IE9.0	火狐3.5	苹果3.1	欧朋11.5
    <audio>标签定义声音，比如音乐或其他音频流。
    支持：谷歌4.0	IE9.0	火狐3.5	苹果4.0	欧朋11.5

  • 强大的新API，比如用本地储存取代cookie

被删元素

以下HTML4.01元素已从HTML5中删除

1
2
3
4
5
6
7
8
9
10
11
12
<acronym>标签定义首字母缩写。
<applet>标签定义嵌入的 applet。
<basefont>标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列。
<big>标签呈现大号字体效果。
<center>对其所包括的文本进行水平居中。
<dir>标签定义目录列表。
<font>规定文本的字体、字体尺寸、字体颜色。
<frame>标签定义 frameset 中的一个特定的窗口（框架）。
<frameset>可定义一个框架集。
<noframes>可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
<strike>标签可定义加删除线文本定义。
<tt>标签呈现类似打字机或者等宽的文本效果。

HTML5元素定义为块级元素

HTML5定义了八个新的语义HTML元素，所有的都是块级元素。
在老式浏览器中为了确保有正确的行为，可以把CSS display属性设置为block。
例：

1
2
3
header,section,footer,saide,nav,main,article,figure{
  display:block
}

新的语义/结构元素

标签 描述
<article> 定义文档内的文章。
<aside> 定义页面内容之外的内容。
<bdi> 定义与其他文本不同的文本方向。
<details> 定义用户可查看或隐藏的额外细节。
<dialog> 定义对话框或窗口。
<figcaption> 定义 <figure> 元素的标题。
<figure> 定义自包含内容，比如图示、图表、照片、代码清单等等。
<footer> 定义文档或节的页脚。
<header> 定义文档或节的页眉。
<main> 定义文档的主内容。
<mark> 定义重要或强调的内容。
<menuitem> 定义用户能够从弹出菜单调用的命令/菜单项目。
<meter> 定义已知范围（尺度）内的标量测量。
<nav> 定义文档内的导航链接。
<progress> 定义任务进度。
<rp> 定义在不支持 ruby 注释的浏览器中显示什么。
<rt> 定义关于字符的解释/发音（用于东亚字体）。
<ruby> 定义 ruby 注释（用于东亚字体）。
<section> 定义文档中的节。
<summary> 定义 <details> 元素的可见标题。
<time> 定义日期/时间。
<wbr> 定义可能的折行（line-break）。

新的表单元素

标签 描述
<datalist> 定义输入控件的预定义选项。
<keygen> 定义键对生成器字段（用于表单）。
<output> 定义计算结果。

HTML5 图像

标签 描述
<canvas> 定义使用 JavaScript 的图像绘制。
<svg> 定义使用 SVG 的图像绘制。

新的媒介元素

标签 描述
<audio> 定义声音或音乐内容。
<embed> 定义外部应用程序的容器（比如插件）。
<source> 定义 <video> 和 <audio> 的来源。
<track> 定义 <video> 和 <audio> 的轨道。
<video> 定义视频或影片内容。