Question

为什么通常用于构建网站导航的无序列表与使用有序列表相反，或者只是创建作为一个组放置在另一个id元素中的div id？也许它是以前版本的html / css的遗留物，我太年轻了，或者可能是CSS3控制增加的结果，但我总是这样做，从来没有真正质疑为什么：

<ul>
<li><a href="#">Nav Item 1</a></li>
<li><a href="#">Nav Item 2</a></li>
<li><a href="#">Nav Item 3</a></li>
<li><a href="#">Nav Item 4</a></li>
</ul>

非常感谢任何见解。

Answer 1

菜单是一个链接列表。

由于它是一个列表，因此应使用列表标记来表示，而不是通用块（div）标记。

来自the CSS specification：

请注意。 CSS为“类”属性提供了如此强大的功能，作者可以设想基于几乎没有相关表示的元素（例如HTML中的DIV和SPAN）设计自己的“文档语言”，并通过“类”属性分配样式信息。作者应该避免这种做法，因为文档语言的结构元素通常具有公认和接受的含义，作者定义的类可能没有。

大多数网站都会显示各个部分的列表，但您访问它们的顺序无关紧要。这意味着列表项的顺序并不重要，因此它应该是无序的链接列表，而不是有序的链接列表。

Answer 2

历史原因（这似乎是您想要的）是，大约十年前，像Jeffery Zeldman这样的网络标准拥护者大力推广设计导航菜单。我特别记得阅读推荐这种风格的this article。

推动网络标准运动的一个重要思想是将演示文稿与内容分离。因此，您不希望使用（X）HTML来控制菜单的呈现方式。另一个主要想法是标记应该尊重文档的语义。也就是说，标记应该在文档的上下文中表示某些内容。由于菜单只是一个列表，ul/li是当时最明显的选择。

为什么<ul>常用于构建网站导航？</ul>

2 个答案: