图形元素
| <canvas> |
定义图形，比如图表和其他图像。该标签基于JavaScript的绘图API |
新多媒体元素
| <audio> |
定义音频内容。必须有controls属性。目前，<audio> 元素支持的3种文件格式：MP3、Wav、Ogg。直接加文字内容，音频不支持时显示文字。 |
| <video> |
定义视频（video或者movie），有width、height属性。必须有controls属性。直接加文字内容，视频不支持时显示文字。 |
| <source/> |
定义多媒体资源<video>和<audio>。浏览器选择能播放的使用。 <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> |
| <embed/> |
定义嵌入的内容，比如flash、插件。属性有height、src、type、width |
| <track/> |
为诸如<video>和<audio>元素之类的媒介规定外部文本轨道。这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。 |
新表单元素
| <datalist> |
定义选项列表。请与input元素配合使用该元素，来定义input可能的值。 |
| <keygen/> |
规定用于表单的密钥对生成器字段。该标签在新的 Web 标准中已废弃，Internet Explorer不支持keygen标签。 |
| <output> |
定义不同类型的输出，比如脚本的输出。 |
新的语义和结构元素
| <bdi> |
允许您设置一段文本，使其脱离其父元素的文本方向设置。起到空格作用？目前，只有Firefox和Chrome浏览器支持该标签。 |
| <command> |
定义命令按钮，比如单选按钮、复选框或按钮。目前，只有IE 9支持该标签。 |
| <details> |
用于描述文档或文档某个部分的细节。与<summary>一起用。目前，只有Chrome和Safari 6支持该标签。 |
| <summary> |
标签包含 details 元素的标题。 |
| <dialog> |
定义对话框，比如提示框。目前，只有Chrome和Safari 6支持该标签。 |
| <mark> |
定义带有记号的文本。Internet Explorer 8 及更早版本不支持该标签。 |
| <meter> |
定义度量衡。仅用于已知最大和最小值的度量。样式相似于进度条。 |
| <progress> |
定义任何类型的任务的进度。IE 9与之前的IE 浏览器不支持该标签 |
| <ruby> |
定义 ruby 注释（中文注音或字符）。IE 8与之前的IE 浏览器不支持该标签 |
| <rt> |
定义字符（中文注音或字符）的解释或发音。 |
| <rp> |
在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。 |
| <time> |
定义日期或时间。 |
| <wbr> |
规定在文本中的何处适合添加换行符。 |
为了能让旧版本的浏览器正确显示以下元素，可以在head标签里设置 CSS 的 display 属性值为 block:
<style>
header, section, footer, aside, nav, main, article, figure {
display: block;
}
</style>
| <article> |
定义页面独立的内容区域。 |
| <aside> |
定义页面的侧边栏内容。 |
| <figure> |
规定独立的流内容（图像、图表、照片、代码等等）。 |
| <figcaption> |
定义 <figure> 元素的标题。<figure>内 |
| <footer> |
定义 section 或 document 的页脚。 |
| <header> |
定义文档的头部区域。不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。在一个文档中可以定义多个 <header> 元素。 |
| <nav> |
定义导航链接的部分。 |
| <section> |
定义文档中的节（section、区段）。 |
| <main> |
代表文档的主内容区,一个页面中只能有一个main元素。不能将<main>元素放在<article>、<aside>、<header>、<footer>、<nav>、<html>元素里。 |