【HTML】一张图 带你了解 网页布局标签 ＜header＞ 、＜nav＞ 、＜article＞、＜section＞ 、＜aside＞、＜footer＞

注意：这些标签在网页布局这样用最合理，要加上 CSS 样式 才会有图上的效果出来

<header>

用于定义文档或节（section）的头部部分。它通常包含网站的标题、logo、导航栏或者其他介绍性的内容。

<header>
  <h1>网站主标题</h1>
  <img src="logo.jpg">
  <nav>
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">产品</a></li>
    </ul>
  </nav>
</header>

<nav>

用于定义导航链接的集合。这些导航链接可以是网站的主菜单、导航或者页内导航等。使用<nav>标签可以使导航部分在语义上更加清晰，方便用户和搜索引擎识别。

<nav>
  <ul>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">服务</a></li>
    <li><