标签名	作用
video	一段视频并提供播放的用户界面
audio	音频
embed	嵌入的内容
canvas	位图区域
svg	矢量图
figure	和文档有关的图例
time	日期和时间
mark	高亮文字
output	计算器
progress	进度条
menu	菜单
menuitem	用户可点击的菜单项
header	定义了文档的头部区域
section	定义文档中的节（section、区段）
nav	定义导航链接的部分
aside	定义页面独立的内容区域
article	定义页面的侧边栏内容
footer	定义 section 或 document 的页脚

常用标签介绍

` ` 、 `` —— 换行标签

 让网页产生一个换行效果

表示一个可选的断行。如果一行的宽度足够，则不断行；如果宽度不够，需要断行，就在的位置的断行

标签均单独使用，没有闭合标签

`<hr>` —— 分割线标签

浏览器会将<hr>渲染为一根水平线。

该标签是单独使用的，没有闭合标签

`<pre>` —— 保留原来格式标签

块级元素
表示保留原来的格式，会保留该标签内部原始的换行和空格
默认以等宽字体显示标签内容

``、`` —— 加粗标签

行内元素
表示它包含的内容具有很强的重要性
浏览器会以粗体显示内容

b 标签是 Boldface 的缩写
由于历史原因，b标签没有语义，是一个纯样式的标签，违反了语义与样式分离的原则，因此不建议使用，应该优先使用标签

`` 、`` —— 斜体标签

行内元素
表示强调（emphasize）
浏览器会以斜体显示它包含的内容

i 标签是 Italic 的缩写
由于历史原因，i标签没有语义，是一个纯样式的标签，违反了语义与样式分离的原则，因此不建议使用，应该优先使用标签

`` 、`` 、`var` —— 数学公式标签

标签将内容变为下标

标签将内容变为上标

<var>标签表示代码或数学公式的变量

以上标签均为行内元素

`` —— 下划线标签

行内元素
提醒用户内容可能有问题
浏览器默认以下划线渲染内容

u>会产生下划线，由于链接也默认带有下划线，所以必须非常小心使用标签，避免用户误以为可以点击

`<s>` —— 删除线标签

行内元素
浏览器会为内容加上删除线

`<blockquote>` 、`<cite>`、`q` —— 引用标签

`<blockquote>`

块级元素
表示引用他人的话
cite属性，它的值是一个网址，表示引言来源，不会显示在网页上

`<cite>`

行内元素
表示引言出处或者作者
浏览器默认使用斜体显示这部分内容

`<q>`

行内元素
表示引用
它与<blockquote>的区别，就是它不会产生换行
浏览器默认会斜体显示<q>的内容，并且会自动添加半角的双引号

`<code>` —— 计算机代码标签

行内元素
表示标签内容是计算机代码
浏览器默认会以等宽字体显示

`kbd` —— 键盘输入标签

行内元素
原意是用户从键盘输入的内容，现在扩展到各种输入，包括语音输
浏览器默认以等宽字体显示标签内容

`<samp>` —— 计算机程序输出内容标签

行内元素
表示计算机程序输出内容
浏览器默认以等宽字体显示

`` —— 突出显示标签

行内元素
表示突出显示的内容
Chrome 浏览器默认会以亮黄色背景，显示该标签的内容

`<samll>` —— 小字标签

行内元素
通常用于文章附带的版权信息或法律信息
浏览器会以小一号的字号显示

`<time>`

行内元素
为跟时间相关的内容提供机器可读的格式，方便搜索引擎抓取，或者下一步的其他处理

datetime属性，用来指定机器可读的日期，可以有多种格式
有效年份：2011
有效月份：2011-11
有效日期：2011-11-18
无年份的日期：11-18
年度的第几周：2011-W47
有效时间：14:54、14:54:39、14:54:39.929
日期和时间：2011-11-18T14:54:39.929

`<data>`

行内元素
提供机器可读的内容，但是用于非时间的场合

`<address>`

块级元素
表示某人或某个组织的联系方式

注意：
地址不使用 <address> 地址，应该是具体的联系方式（电话、邮箱等）
<address> 内不能有嵌套行内元素

`<ins>` & `<del>` —— 内容修改标签

均为行内元素
del 标签表示内容删除，ins 标签表示内容修改为其他
默认为<del>标签的内容加上删除线，为<ins>标签的内容加上下划线
这两个标签都有以下属性
- cite：该属性的值是一个 URL，表示该网址可以解释本次删改。
- datetime：表示删改发生的时间

`<dfn>` —— 标识术语（definition）标签

行内元素
表示一个术语名词
浏览器会默认使用斜体显示

`<ruby>` `rp` `rt` `rb` `rbc` —— 东亚文字的语音标识标签

用于表示东亚文字的语音，比如汉语拼音。它默认会以小字体，显示在文字的上方

<ruby>是一个行内元素，也是一个容器标签，内部还有许多配套的标签。

<rp>：标注语音符号的起始符号（默认为半角括号）和结束符号（默认为半角右括号），默认不显示。
<rt>：标注语音符号。
<rb>：划分文字单位，与语音一一对应。
<rbc>：<rb>的容器，主要作用是将语音显示在文字的右侧。

如果想让拼音不是显示在文字上方，而是显示在文字右侧，写法如下

标签

H5语义化标签

h5常用的新标签总览