HTML标签的语义化

173 阅读1分钟

我们在实际项目中经常div和span打天下,其实html中有很多语义化的标签,html的语义化有啥意义呢?

html 语义化的优点

  • 利于seo
  • 阅读友好,便于团队维护
  • 无障碍阅读支持

html 语义类标签的使用

网页在不使用css的情况下,可以使用语义化标签构建出一篇最基本的文章。它们包含

title

可以放页面内容相关的关键词作为标题来提升seo

header

html5标准描述它为一组解释性或导航性的条目,一般放logo,或者页面导航,搜索框等

nav

导航。

main

页面主要内容

article

文档或应用,属于网站中的一个独立的容器,比如一些小窗口组件:统计信息,天气等等

section

区块,一组相似主题的内容。比如章节。

footer

页脚。放一些版权,协议,地址等信息

cite

引用

blockquote

块引用