HTML 初学者指南 - 第 9 课 - 创建菜单

网站的主要元素之一是菜单（导航）。通过菜单，用户可以在网站页面之间进行跳转。菜单对于搜索引擎的索引也非常重要，如果页面之间没有链接，搜索引擎就无法遍历整个网站。让我们看看菜单是如何组成的。

菜单通常使用无序列表（标签 ul、li）来实现，因此每个菜单项都是列表中的一个元素：

...
<ul>
  <li></li>
  <li></li>
</ul>
...

在 li 标签内部通常插入指向不同页面的链接：

...
<ul>
  <li>
    <a href="page1.html">第一页</a>
  </li>
  <li>
    <a href="page2.html">第二页</a>
  </li>
</ul>
...

此外，菜单及其各个菜单项通常会添加类（class）或 ID（id）：

...
<ul id="menu-1" class="menu">
  <li class="item-1">
    <a href="page1.html">第一页</a>
  </li>
  <li class="item-2">
    <a href="page2.html">第二页</a>
  </li>
</ul>
...

请注意，链接跳转的页面（page1.html、page2.html）必须实际存在，否则浏览器将无法理解你想让它跳转到哪里。