图形元素
| <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>元素里。 | 
原文:https://www.cnblogs.com/wsq666/p/12285378.html