如何看待语义化标签

标签的语义化，在我看来当然是标签可以粗略说明这段代码的大概用途或者是结构。在之前的开发过程中使用没有语义的div，这样的弊端是：不同的开发者有着不同的习惯，他们对标记的定义也是按照自己的习惯来，在这种情况下对其他的开发者在理解网页结构时造成了很大的阻碍。而语义化标签的出现，则可以大大的减少了这种阻碍。

一、语义化标签还有以下好处：

1.为了在没有CSS的情况下，页面也能呈现出很好地内容结构；

2.有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；

3.可以极大的方便辅助设备的使用；

4.就是咱们说的 可以帮助团队更轻易的维护网页。

二、常用的语义化标签：

1.<header>

定义文章的介绍信息：标题，logo，slogan；包裹目录部分，搜索框，一个nav或者任何相关的logo；

一个页面中<header>的个数没有限制，可以为每个内容块添加一个header；

2.<nav>

• 定义文章导航栏，链接等;
• nav一般和u、li配合做导航栏；

3.<main>

• 定义文章的主要内容
• main标签在一份文档中是唯一的，其后代元素常常包括`<article>`；

4.<article>

• 定义文档中可以脱离其他部分，一份独立的内容，通常带有标题，当article内嵌article时，里外层的内容应该是相关的，比如一篇微博和它的评论；

5.<section>

• 与article的差别在于，它是整体的一部分，或者是文章的一节，一般来说section也会带有标题；

6.<aside>

• 侧边栏（与article并列存在）或者嵌入内容（在article内），通常认为是独立拆分出来而不受整体影响的一部分，作为主要内容的附属信息，如索引，词条列表，或者页面及站点的附属信息，如广告，作者资料介绍等；

7.<footer>

• 页脚，通常包含作者、版权信息或者相关链接等；