1、<section></section>
定义文章中的字节、字段。
2、<article></article>
一个特殊的section标签，比section有更明确的语义。定义来自外部的一个独立的、完整的内容块，例如什么论坛的文章，博客的文本。。。
3、<aside></aside>
用来装载非正文内容，如广告、成组的链接、侧边栏等...
4、<header></header>
定义页眉，通常是一些引导和导航
5、<footer><footer>
定义文档的页脚
6、<nav></nav>
定义一个连接组成的导航栏
7、<hground></hground>
用于对网页或者网段的标题进行组合
8、<figure></figure>
对于元素进行整合
9、<figcaption></figcaption>
figure元素添加标题，一般放于figure的第一个子元素或者最后一个
10、 <details></details>
定义元素的细节用户可以点击查看或者隐藏
11、<summary></summary>
和datails连用，用来包含datails的标题
12、<canvas></canvas>
用来进行canvas绘图
13、<video></video>
定义音频
14、<audio></audio>
定义视频
15、<embed></embed>
定义嵌入网页的内容。比如插件
16、<source><source>
该标签为媒介元素
17、<datalist id='dl'></datalist>
定义可选数据的列表，与input配合使用(<input list='dl>)可制作输入值的下拉列表。
18、<mark></mark>
从视觉上展现用户想要突出的字
19、<meter [min/max/low/high/optimum/value]></meter>
度衡量 用红黄绿表示一个数值所在的范围
20、<output><output>
定义不同的输出类型，样式与span无异
21、<progress></progress>
进度条，运行中的进度
22、<time></time>
定义日期或时间
23、<keygen></keygen>
定义加密的内容
24、<command></command>
定义命令行为
为什么要使用语义化标签？
语义化标签顾名思义，见到标签就能知道里面的内容，使得页面更加清晰，方便维护和开发
html块及标签
<address>.....</address>
<center>......<center>地址文字
h1-h6标题标签
<hr/>分割线
<p></p>段落
<pre></pre>预格式化
<blockquote></blockquote>段落缩进
<marquee></marquee>滚动文本
<ul>...</ul>无序列表
<ol></ol>无序列表
<dl></dl>定义列表
<table></table>表格
<form></form>表单
<div></div>
