html5实现菜单【代码示例】

HTML5可以通过使用无序列表（<ul>）和有序列表（<ol>）来创建菜单。列表项（<li>）可以作为菜单的选项，并可以使用链接（<a>）来指定菜单项的目标页面或动作。

以下是一个使用无序列表实现菜单的示例代码：

<ul>
  <li><a href="#">首页</a></li>
  <li><a href="#">产品</a></li>
  <li><a href="#">服务</a></li>
  <li><a href="#">联系我们</a></li>
</ul>

在这个示例中，我们使用了无序列表（<ul>）来创建菜单。每个菜单项都是一个列表项（<li>），并通过链接（<a>）来定义菜单项的文本和目标。

你可以根据需要添加更多的菜单项，只需在列表中添加更多的列表项即可。例如，如果你想要添加一个关于我们的菜单项，可以在列表中添加如下代码：

<li><a href="#">关于我们</a></li>

这样，菜单项就会在菜单中显示出来，并且点击该菜单项时会执行链接指定的目标。

通过使用无序列表和链接，HTML5可以简单而有效地创建菜单。