Question

我们为什么使用这些标签？如果我将仅创建包含链接和div的导航栏，可以吗？因为我需要用这样的结构做菜单

如果我为此使用<ul>，会不会嵌套太多？

Answer 1

HTML是一种语义标记语言。它旨在描述什么。

菜单是链接列表。因此，我们使用列表标记及其内部链接来描述它。

没有什么可以阻止您使用列表标记来描述图像中的结构：

<ul>
    <li>
        Item 1
        <ul>
            <li>Subitem it</li>
<!-- etc -->

Answer 2

因为要创建菜单导航栏，所以要将网站[您的链接]的信息分组到一个位置。您可以在其中使用<ul>或<ol>列表。

[外观]外观也无所谓，但在这里意义或语义更为重要。

Answer 3

我们将列表标记用于菜单和导航栏，因为从“语义”的角度来看，它是最合适的标记。菜单或导航栏中的链接构成了类似项目的列表。正如HTML 5.2 specification所说，

ul元素表示项目列表，其中项目的顺序并不重要-也就是说，更改顺序不会实质性地改变文档的含义。

导航栏或导航菜单是链接列表；其他类型的菜单可以是应用程序中的功能列表。 HTML的早期版本，例如HTML 3.2甚至有一个menu元素：

他们[即DIR和MENU元素]用于类似于UL元素的无序列表。建议用户代理将DIR元素呈现为多列目录列表，将MENU元素呈现为单列菜单列表。实际上，Mosaic和大多数其他用户代理都忽略了此建议，而是以与DIR元素相同的方式呈现MENU和UL。

dir和menu已在HTML 4.01中弃用； HTML 4.01规范说：

我们强烈建议使用UL代替这些元素。

除了浏览器支持外，还有一个使用ul而不是非列表元素的原因：可访问性。当屏幕阅读器遇到ul时，它可以向用户宣布列表中的项数。这非常有用，因为它使用户可以决定是要阅读整个列表还是跳过整个列表。将列表标记替换为一系列段落或div时，无法宣布列表的长度。