# HTML 语义化标签

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

场景 :

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

div 标签 :

• 一行只显示一个 (独占一行)

span 标签 :

• 一行可以显示多个

# 有语义的布局标签 (了解 手机端常用)

场景 :

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

标签 :

注意点 :

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

1
2
3
4
5
6

<header>网页头部</header>
<nav>网页导航</nav>
<footer>网页底部</footer>
<aside>侧边栏</aside>
<section>网页区块</section>
<article>网页文章</article>