您的位置:首页 > Web前端 > HTML5

html5语义化标签

2020-03-08 14:49 621 查看

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

个人学习使用,如有理解偏移望指正

  • 点赞
  • 收藏
  • 分享
  • 文章举报
wangzhongwang~ 发布了6 篇原创文章 · 获赞 2 · 访问量 112 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: