html5语义化标签
2020-03-08 14:49
621 查看
语义化标签是根据内容和内容所占据的位置来施用的。
在HTML中这些语义化标签避免了通篇的div等块级标签,也能更好的被搜索引擎读取你的内容。
语义化标签通常没有太多的默认样式,很像div标签,可以说大多数结构化语义标签和div并没有区别,那么语义化标签存在的意义,一部分在于使可读性提高,另外可以被搜索引擎更好的识别。
故大多数的语义化标签可以“顾名思义”
结构元素
header
定义在页面页面头部的部分,大多是导航
nav
定义一个导航栏
aside
定义侧边栏,广告、侧边导航
article
文章或是主题部分
section
定义一块内容,评论区
footer
页脚,免责声明、版权信息
分组元素
figure
独立的一块内容,相对于主题来说是注释的区块,如图片、注释
figcaption
和figure一起使用,添加独立内容的标题
个人学习使用,如有理解偏移望指正
- 点赞
- 收藏
- 分享
- 文章举报