合理运用这些HTML5新增标签，写代码将事半功倍！

 

什么是语义化标签？

语义化标签是HTML5版本新增的标签，标签本身带有一定含义。

这种标签方便了开发者、维护者等相关人员修改查阅代码，提高工作效率。

还在浏览器的和搜索引擎优化方面有巨大好处，因为标签本身带有含义，所以相比起非语义化标签更能读的懂它，合理运用语

义化标签，可以提升关键字的权重。

前端工程师拿到UI设计的设计稿时，第一步就是通过语义化标签来划分区域。

 

一、<header>标签

用于表示页面或某个区域的头部(权重最高)，通常包括网站标志、导航、全站链接及搜索框等...

 

二、<nav>标签

表示导航栏，是<header>的子元素

 

三、<aside>标签

用于表示根周围主体相关的附加信息(侧边栏、相关资讯、相关信息、上一页、广告等信息)

 

四、<article>标签

表示文章或其他独立页面存在的内容(主体内容，或可独立成主体的内容)

 

五、<section>标签

表示一个整体的一部分主题、区段，可理解成文章的章节

 

六、<footer>标签

表示页面或某个区域的脚注、页脚(权重最低)