核心提示:一些对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标准的团队都遵循这个标准,可以减少差异化。
大概就是这些吧。这有一位大神关于这方面的讲解,可以看看这有一位大神关于这方面的讲解,可以看看