zoukankan      html  css  js  c++  java
  • 标签语义化

    含义

    合适标签做合适的事情,例如文章段落用p标签,标题用h1-h6标签,页面logo用h1标签嵌套a标签。

    标签语义化为浏览器和搜索引擎服务。

    为什么要遵循标签语义化

    1.利于SEO优化(也就是搜索引擎的抓取,搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重)。

    2.在样式丢失的时候,还是可以比较好的呈现结构。

    3.更好的支持各种终端,例如无障碍阅读和有声小说等。

    4.利于团队开发和维护,W3C给我们定了一个标准,若团队中都遵循这个标准,那么代码的差异就会缩小,在开发和维护的时候就可以提高效率。

    怎样遵循标签语义化

    1.尽量减少使用无意义标签,例如span和div。

    2.尽量不使用标签本身的css属性,例如b、font、s等标签,如果需要这些样式,那么使用css样式来进行添加。

    3.在需要强调的部分,使用strong、em,但是样式尽量使用css样式来描述。

    4.表格搭建时,使用<thead>表格头部</thead><tbody>表格身体</tbody><tfoot>表尾部</tfoot>

    5.列表搭建时,使用<ul>无序列表</ul><ol>有序列表</ol><dl>定义列表</dl>

  • 相关阅读:
    告别单身淘宝小店
    微信机器人 细腻化
    # 导入模块 from wxpy import * # 初始化机器人,扫码登陆 bot = Bot()
    减小文件大小 减少 帧
    无有效图视频
    生成一张白色图片的算法--逻辑
    加logo
    字幕 3系数
    音频分析 字幕同步
    尊重百度的api语音合成规则
  • 原文地址:https://www.cnblogs.com/youknowUL/p/11390743.html
Copyright © 2011-2022 走看看