css之 9.标签语义化含义及实用技巧

9.标签语义化含义及实用技巧（面试题）

1.标签语义化——含义

• 合适标签做合适的事情，例如文章段落用p标签，标题用h1-h6标签，logo用a标签并且在a标签外面会在套h1,h1权重最大。
• 标签语义化为浏览器和搜索引擎服务

2.标签语义化——为什么要遵循标签语义化

• 利于SEO优化（也就是搜索引擎的抓取，搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重）
• 在样式丢失的时候，还是可以比较好的呈现结构
• 更好的支持各种终端，例如无障碍阅读和有声小说等
• 利于团队开发和维护，W3C给我们定了一个标准，那么团队中都遵循这个标准，那么代码的差异就会缩小，在开发和维护的时候就可以提高效率

3.标签语义化——日常工作中怎样遵循标签语义化

• 尽量减少使用无意义标签，例如span和div
• 尽量不使用标签本身的css属性，例如b、font、s等标签，如果需要这些样式，那么使用css样式来进行添加
• 在需要强调的部分，使用strong、em，但是样式尽量使用css样式来描述
• 表格搭建时，使用<thead>表格头部</thead> ;<tbody>表格身体</tbody>;<tfoot>表格尾部</tfoot>
• 列表搭建时，使用<ul>无序列表</ul>;<ol>有序列表</ol>;<dl>定义列表</dl>