本文主要是介绍【HTML】语义化,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
根据内容的结构选择合适的标签
优点
- 增加代码可读性,结构清晰,便于开发和维护;
- 对机器友好,文字表现力丰富,有利于SEO。SEO(Search Engine Optimization)是搜索引擎优化,为了让⽤户在搜索和⽹站相关的关键词的时候,可以使⽹站在搜索引擎的排名尽量靠前,从⽽增加流量。
- 方便设备解析(如盲⼈阅读器等),可⽤于智能分析;
- 在没有 CSS 样式下,⻚⾯也能呈现出很好地内容结构、代码结构。
常见的语义化标签
title :⻚⾯主体内容
header : ⻚眉通常包括⽹站标志、主导航、全站链接以及搜索框。
nav : 标记导航,仅对⽂档中重要的链接群使⽤。
section : 定义⽂档中的节(section、区段)。⽐如章节、⻚眉、⻚脚或⽂档中的其他部分。
main,帮助到搜索引擎以及搜索⼯程师找到⽹站的主要内容,本身并不承载特殊的功能和意义。
article: 定义外部的内容,其中的内容独⽴于⽂档的其余部分。
aside : 定义其所处内容之外的内容。如侧栏、⽂章的⼀组链接、⼴告、友情链接、相关产品列表等。
footer:⻚脚,只有当⽗级是body时,才是整个⻚⾯的⻚脚。
address: 作者、相关⼈⼠或组织的联系信息(电⼦邮件地址、指向联系信息⻚的链接)。
这篇关于【HTML】语义化的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!