浅谈基础的HTML语义化标签

【摘要】 什么是语义化标签?语义化标签是HTML5版本新增的标签,标签本身带有一定含义。这种标签方便了开发者、维护者等相关人员修改查阅代码,提高工作效率。还在浏览器的和搜索引擎优化方面有...

什么是语义化标签?

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

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

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

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

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

 

一、<header>标签

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

 

二、<nav>标签

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

 

三、<aside>标签

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

 

四、<article>标签

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

 

五、<section>标签

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

 

六、<footer>标签

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

版权声明:《 浅谈基础的HTML语义化标签 》为作者未完成的梦原创文章,转载请注明原文地址!
最后编辑:2020-5-28 01:05:50
分享到:
赞(0)
发表评论 / Comment

用心评论~