为什么我们总是使用<ul>来导航为什么不<ol>?</ol> </ul>

时间:2009-11-21 11:18:21

标签: css xhtml

为什么我们总是使用<ul>来导航为什么不<ol>?虽然我们可以在技术上使用它们。

7 个答案:

答案 0 :(得分:11)

两者之间没有太大的实际区别。

使用<ol>表明列表保持相同的顺序非常重要。对于Web上的大多数导航,导航项的顺序无关紧要。

例外是流程中的导航,例如如果您带领用户完成三步购买流程,并为他们提供导航以转移到任何步骤。有序列表在那里是合适的,因为步骤一个接一个地进行,例如

<ol>
<li>Payment details</li>
<li>Delivery address</li>
<li>Summary</li>
</ol>

请注意,在HTML5中,您可以并且应该在the <nav> element中包装任何主要导航块,无论它是否使用<ul><ol>或其他内容。

答案 1 :(得分:10)

如果菜单的顺序在语义上很重要 - 例如,如果标签在问题之后,用户和徽章之间是合乎逻辑的 - 那么您应该使用<ol>而不是无序列表。

答案 2 :(得分:5)

因为如果你不关心菜单项的顺序,语义ul更有意义。

如果您需要以某种方式编号的项目或订单有意义,那么我们使用ol

如果您对语义标记不感兴趣,但只对外观感兴趣,则可以使用其中任何一种。或者甚至两者都不使用div和span以及任何其他东西来实现所需的外观。

答案 3 :(得分:5)

我认为这是一个典型的例子,说明为什么要将风格与内容分开。作为开发者艺术,如果你不关心语义标记,那么你可以使用其中一种或完全不同的东西。

&LT; UL&GT;和&lt; ol&gt;默认情况下将以不同的方式呈现,有序列表编号(或用字母)表示订单,无序列表用子弹或类似的东西。但是,由于我假设每个网页都使用样式,这不一定重要。

当订单对内容非常重要时,我会使用有序列表。目录,枚举或订单对所表示内容很重要的任何列表都是示例。对于大多数其他我使用无序列表。 (所以,你可以说我总是使用无序列表,除非我有充分的理由使用有序列表。)

虽然导航项目确实有订单,但这更像是如何表示导航的视觉效果,因此可以通过使用简单的无序列表和适当的样式来轻松实现。我不认为导航项目确实有基于内容的订单。我认为虽然顺序对于导航也很重要,但它并不是那么重要的内容。

毕竟,这是一个关于你如何看待内容的问题,在实际实现方面不应该有太大的不同。

答案 4 :(得分:4)

为什么我们可以在使用<strong>时使用<em>? (默认情况下它们看起来不一样,但这是另一个故事。默认情况下,ol和ul也有不同的子弹/数字)

导航项目通常没有任何特定顺序,因此使用无序列表<ul>而不是有序列表<ol>

答案 5 :(得分:3)

这不是一个严格的规则 - 如果导航强制执行订单(例如注册步骤),您可以安全地使用ol。

答案 6 :(得分:2)

好吧,也许你总是这样做,但“我们”在这里没有任何意义。

这取决于您的列表是ORDERED还是UNORDERED。就是这样。