浅谈基础的HTML语义化标签

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

什么是语义化标签?

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

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

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

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

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

 

一、<header>标签

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

 

二、<nav>标签

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

 

三、<aside>标签

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

 

四、<article>标签

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

 

五、<section>标签

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

 

六、<footer>标签

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

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

用心评论~

金玉良言 / Appraise
最住驻LV1游客
2021-12-10 10:00
▅▆▇★▇▆▅ 最新看黃魸【 5262k.COM 】手机浏览噐打幵【 5262k.COM 】分类搜索你从没看过的“稀缺资源”慬的入【 5262k.COM 】▅▆▇★▇▆▅
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.¤Θ≌←△█
壮姿宗LV1游客
2021-08-26 15:28
▅▆▇★▇▆▅ 2021看黃魸【 275236.COM 】手机浏览噐打幵【 275236.COM 】分类搜索你从没看过的“稀缺资源”慬的入【 275236.COM 】★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.╝ピぞ▆♀≦
谆宗鬃LV1游客
2021-08-04 17:54
▅▆▇★▇▆▅ 2021看黃魸【 275236.COM 】手机浏览噐打幵【 275236.COM 】分类搜索你从没看过的“稀缺资源”慬的入【 275236.COM 】★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.╓≡プガジぇ
遵姿醉LV1游客
2021-08-01 14:52
▅▆▇★▇▆▅ 2021看黃魸【 275236.COM 】手机浏览噐打幵【 275236.COM 】分类搜索你从没看过的“稀缺资源”慬的入【 275236.COM 】★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.ガ★{◤のぁ
棕谆谆LV1游客
2021-07-19 21:47
▅▆▇★▇▆▅ 2021看黃魸【 275236.COM 】手机浏览噐打幵【 275236.COM 】分类搜索你从没看过的“稀缺资源”慬的入【 275236.COM 】★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
▅▆▇★▇▆▅ 看黃魸【 275236.COM 】稀缺资源!你慬的★
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.ζツじ⌒═·