您现在的位置:首页 >> 前端 >> 内容

HTML标签语义化

时间:2017/9/7 9:30:00 点击:

  核心提示:一些对HTML标签语义化的理解1、什么是 标签语义化?标签语义化,我的理解就是,选择一个合适的、具有语义而不是毫无意义的标签,去包裹你想要的内容;再通俗点就是可以让人一看到就知道什么意思的标签。2、H...

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

1、什么是 标签语义化?

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

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

html新增的结构标签,可以简单看成,一个页面用“结构标签”按表达不同的内容,分成不同的区域(下面列举一些,并附上链接)。

标签 描述
h1-h6 定义 HTML 标题。
header 定义 section 或 page 的页眉。
article 定义文章
footer 定义 section 或 page 的页脚。
nav 定义导航链接
aside 定义页面内容之外的内容
section 定义页面内容之外的内容
datalist 定义页面内容之外的内容

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

在经过了一段时间的查询后,我总结出了下列几点原因:

有利于SEO,和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重(我没测试过…); 在去掉或样式丢失的时候能让页面呈现清晰的结构; PDA、手机等设备可能无法像普通电脑的浏览器一样来渲染网页(因为这些设备对 CSS 的支持较弱)使用语义标记可以确保这些设备以一种有意义的方式来渲染网页。理想情况下,观看设备的任务是符合设备本身的条件来渲染网页;

便于团队开发和维护,语义化更具可读性,是下一步吧网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

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

Tags:HT TM ML L标 
作者:网络 来源:不再闪亮的星星的博客