HTML-容器元素

容器元素

HTML 学习 - 容器元素

div 元素

作用：分割网页，达到不同区域实现不同样式，不同功能，应用广泛

注：div 标签没有任何语义

其他容器元素

在 html5 中，为了解决语义化的问题，方便搜索引擎和浏览器识别网页内容，引入了许多有语义的容器标签

- header元素

通常用于表示页头；有时也可以表示文章的头部。
例：

<header></header>

- footer元素

通常用于表示页脚；有时也可以表示文章的尾部。
例：

<footer></footer>

- article元素

通常用于表示整篇文章
例：

<article>
  <header>页头</header>
  <p>正文</p>
  <footer>页尾</footer>
</article>

注：article, header和footer与div在本质上没有区别，只是它们有语义，方便语义化

- section元素

通常表示文章的章节
例：

<section>
  <h2>第一章</h2>
  <p>第一章内容</p>
</section>

<section>
  <h2>第二章</h2>
  <p>第二章内容</p>
</section>

- aside元素

通常表示附加信息
例：

<aside>
  <p>侧边栏信息</p>
</aside>

- nav元素

导航元素
例：

<nav>
  <p>百度</p>
  <p>谷歌</p>
  <p>必应</p>
</nav>