我们在实际项目中经常div和span打天下,其实html中有很多语义化的标签,html的语义化有啥意义呢?
html 语义化的优点
- 利于seo
- 阅读友好,便于团队维护
- 无障碍阅读支持
html 语义类标签的使用
网页在不使用css的情况下,可以使用语义化标签构建出一篇最基本的文章。它们包含
title
可以放页面内容相关的关键词作为标题来提升seo
header
html5标准描述它为一组解释性或导航性的条目,一般放logo,或者页面导航,搜索框等
nav
导航。
main
页面主要内容
article
文档或应用,属于网站中的一个独立的容器,比如一些小窗口组件:统计信息,天气等等
section
区块,一组相似主题的内容。比如章节。
footer
页脚。放一些版权,协议,地址等信息
cite
引用
blockquote
块引用