HTML标签语义化含义及实用技巧

深渊向深渊呼唤

标签语义化一含义

合适标签做合适的事情,例如文章段落用p标签,标题用h1-h6标签 标签语义化为浏览器和搜索引擎服务

标签语乂化一为什么要遵循标签语义化

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

标签语义化-日常工作中怎样遵循标签语义化

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