自我评价:走在路上的菜鸟,想着CMS|WEB|SEO,做着可以成为牛掰程序seoer的梦!

当前位置:博客 > 前端开发 > HTML|CSS代码 >

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

作者:灰牛站长•发布时间:2021-07-12 01:23:25•浏览

标签语义化一含义

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

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

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

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

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

相关文章

  • 权重和权重的计算

    权重和权重的计算

    基本选择器中标签选择器权重为1,class选择器权重为10,id选择器权重100,通配符选择器*的权重为0-1 后代、子代、交集、并集、相邻兄弟、兄弟的权重为每个单...
    2021-07-12 09.07.02
  • 常用的HTML标签完整梳理

    常用的HTML标签完整梳理

    参考 HTML 标签参考手册 数量60/花时间去背,理解每个标签的意思及运用 标签 描述 !--...-- 定义注释。 !DOCTYPE 定义文档类型。 a 定义锚。 abbr 定义缩写。 ac...
    2021-07-12 01.07.04
  • 标签及标签属性

    标签及标签属性

    HTML:超文本标记语言,是使用标记标签来描述网页的一种语言,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分; css层叠样...
    2021-07-12 01.07.42

手机端