新特性
- 用于绘画的 canvas 元素
- 用于媒介回放的 video 和 audio 元素
- 对本地离线存储的更好的支持
- 新的特殊内容元素,比如 article、footer、header、nav、section
- 新的表单控件,比如 calendar、date、time、email、url、search
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
新元素
<canvas>
新多媒体元素
<audio> 定义音频内容
<video> 定义视频(video 或者 movie)
<source> 定义多媒体资源 <video> 和 <audio>
<embed> 定义嵌入的内容,比如插件。
<track> 为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。
新表单元素
<datalist> 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<keygen> 规定用于表单的密钥对生成器字段。
<output> 定义不同类型的输出,比如脚本的输出。
新的语义和结构元素
<details> 用于描述文档或文档某个部分的细节
<summary> 标签包含 details 元素的标题
<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>
<dialog> 定义对话框,比如提示框
属性:open;规定 dialog 元素是有效的,用户可以与它进行交互。
<table border="1">
<tr>
<th>January <dialog open>This is an open dialog window</dialog></th>
<th>February</th>
<th>March</th>
</tr>
<tr>
<td>31</td>
<td>28</td>
<td>31</td>
</tr>
</table>
<figure> 规定独立的流内容(图像、图表、照片、代码等等)。
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。
<figure> 元素的内容应该与主内容相关,同时元素的位置相对于主内容是独立的。如果被删除,则不应对文档流产生影响。
<figcaption> 定义 <figure> 元素的标题
<figcaption> 标签为 <figure> 元素定义标题。
<figcaption> 元素应该被置于 <figure> 元素的第一个或最后一个子元素的位置。
<figure>
<img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
<figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
</figure>
【好抽象,主要是用于分块吧】
<article> 定义页面独立的内容区域。标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
<aside> 定义页面的侧边栏内容。<aside> 标签定义 <article> 标签外的内容。
aside 的内容应该与附近的内容相关。
<header> 标签定义文档或者文档的一部分区域的页眉。<header> 元素应该作为介绍内容或者导航链接栏的容器。在一个文档中,您可以定义多个 <header> 元素。<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。
<footer> 定义 section 或 document 的页脚。<footer> 标签定义文档或者文档的一部分区域的页脚。<footer> 元素应该包含它所包含的元素的信息。在典型情况下,该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等。在一个文档中,您可以定义多个 <footer> 元素。
<mark> 定义带有记号的文本。
<p>Do not forget to buy <mark>milk</mark> today.</p>
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<meter value="2" min="0" max="10">2 out of 10</meter><br>
<meter value="0.6">60%</meter>
<progress> 定义任何类型的任务的进度
下载进度:<progress value="22" max="100"></progress>
<wbr> 规定在文本中的何处适合添加换行符。
<p>尝试缩小浏览器窗口,以下段落的 "XMLHttpRequest" 单词会被分行:</p>
<p>学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。</p>
<p><b>注意:</b> IE 浏览器不支持 wbr 标签。</p>