HTML语义化标签

没有语义的布局标签-div和span

场景：实际开发网页时会大量频繁的使用到div和span这两个没有语义的布局标签

div标签：一行只显示一个（独占一行，自带换行）

span标签：一行可以显示多个（都在一行，不自带换行，但是span和span之间有一个空格）

有语义的布局标签（了解）

场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用

标签：

标签名 语义
header 网页头部
nav 网页导航
footer 网页底部
aside 网页侧边栏
section 网页区块
article 网页文章

注意点：

  • 以上标签显示特点和div一致，但是比div多了不同的语义