一、什么是HTML语义化标签
语义化的标签，旨在让标签有自己的含义。
<p>一行文字</p> <span>一行文字</span>
二、语义化标签的优势
- 实现了无障碍访问：使其内容对于借助辅助技术的残障访问者也是可以访问的，对于台式机、手机、平板或是其他设备上的浏览器都是可以访问的；’
- 搜索引擎优化：网页在搜索引擎中的排名会靠前，因为搜索引擎对用特殊标记的内容赋予更高的权重；
- 更容易维护代码和添加样式：清晰的结构能使代码更有效，更加有利于维护，更容易检索到可能出现的错误。借助css统一特定的元素的样式。
三、常见的语义化标签
- <head>头部
- <body>主体
- <a> 超链接
- <marquee>滚动字幕
- <ol>有序列表
- <ul>无序列表
- <dl>说明项目条例
- <i>定义斜体字
- <b>定义粗体文本
- <em>定义着重文字
- <small>定义小号字
- <strong>定义加重语气
- <sub>定义下标字H2O
- <sup>定义上标字c²=a²+b²
- <ins>定义插入字(文字下方下划线效果)
- <del>定义删除字(文字中间有一条横线)
- <code>定义计算机代码
- <kbd>定义键盘码
- <samp>定义计算机代码样本
- <var>定义变量
- <pre>定义预格式文本
- <abbr>定义缩写
- <address>定义地址
- <bdo>定义文字方向
- <blockquote>定义长的引用
- <q>定义短的引用语
- <cite>定义引用、引证
- <dfn>定义一个定义项目
- <form>定义一个表单
- <table>定义一个表格
（部分内容）