HTML 标签语义化

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/q821901733/article/details/77857420

一些对HTML标签语义化的理解

1、什么是 标签语义化?

  标签语义化,我的理解就是,选择一个合适的、具有语义而不是毫无意义的标签,去包裹你想要的内容;再通俗点就是可以让人一看到就知道什么意思的标签。

2、HTML语义化标签有哪些?

  html新增的结构标签,可以简单看成,一个页面用“结构标签”按表达不同的内容,分成不同的区域(下面列举一些,并附上链接)。
标签 描述
h1-h6 定义 HTML 标题。
header 定义 section 或 page 的页眉。
article 定义文章
footer 定义 section 或 page 的页脚。
nav 定义导航链接
aside 定义页面内容之外的内容
section 定义页面内容之外的内容
datalist 定义页面内容之外的内容

3、为什么要用语义化标签?

  在经过了一段时间的查询后,我总结出了下列几点原因:
  1. 有利于SEO,和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重(我没测试过…);
  2. 在去掉或样式丢失的时候能让页面呈现清晰的结构;
  3. PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(因为这些设备对 CSS 的支持较弱)使用语义标记可以确保这些设备以一种有意义的方式来渲染网页。理想情况下,观看设备的任务是符合设备本身的条件来渲染网页;
  4. 便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

    大概就是这些吧。这有一位大神关于这方面的讲解,可以看看这有一位大神关于这方面的讲解,可以看看

猜你喜欢

转载自blog.csdn.net/q821901733/article/details/77857420