73

好像可以互换?

4

12 回答 12

97

UL 的意思是“无序列表”。OL 的意思是“有序列表”。

UL 为您提供要点。OL 给你数字。

绝对不能互换。

于 2009-06-24T17:40:49.177 回答
64

在数学术语中(嘿,为什么不呢?),an<ol>代表一个序列,而<ul>代表一个集合。重新排列有序列表中的项目会改变列表的含义。在无序列表中重新排列它们不会。

对于使用哪种类型的列表,这是一个很好的经验法则。如果更改项目的顺序导致列表不正确,您想使用<ol>. 如果顺序无关紧要,请使用<ul>.

于 2009-06-24T18:09:16.310 回答
51

With <ol> the order of the data is important and will be displayed (by default) while with <ul>, order isn't as important. Example:

<p>Tomorrow I will</p>
<ol>
 <li>Wake up</li>
 <li>Have breakfast</li>
 <li>Go to sleep</li>
</ol>
<p>During breakfast, I will eat</p>
<ul>
 <li>Butter</li>
 <li>Eggs</li>
 <li>Bacon</li>
</ul>
于 2009-06-24T17:42:58.957 回答
27

一种是有序列表 (OL),它用于具有已定义且不同顺序的事物。他们组织起来是有原因的。

另一个(UL)是无序列表,它只是没有指定顺序的事物的集合。他们的组织是微不足道的。

于 2009-06-24T17:41:28.613 回答
22

哈哈,好多答案!

当 HTML 第一次出现时,有OLUL,正如所有其他海报所说的那样,它们表示有序列表和无序列表。

区别很容易。OL 显示...旁边有一个数字。或者一个罗马数字,或者一个字母!您甚至可以控制它是使用大写符号还是小写!凉爽的!

UL 给了你子弹。3 种类型的子弹,偶数 - 圆盘(空心圆)、正方形(实心正方形)、圆形(实心圆)。

没有CSS。除了这些属性之外,实际上并没有一种方法可以自定义列表格式(以及边距和缩进以及其他所有内容)。因此,这种区别很重要。

如今,它都是 CSS。实际上,w3 人希望您使用样式而不是您过去使用的 html“类型”属性。所以,使用 UL 与 OL 并不重要,如果你是其中的一个新奇的 CSS 用户。

CSS 允许您更改项目符号类型,或选择使用图像,或更改边距/样式/缩进,甚至根本不显示项目符号。

再次编辑:这个答案并不是真的要解决 UL 与 OL 的语义优点。但从技术上讲(你知道,在位和字节上),上面概述了行为上的差异。

于 2009-06-24T18:06:24.940 回答
14

OL:

  1. 清单项目 1
  2. 清单项目 2

UL:

  • 清单项目 1
  • 清单项目 2

OL 为有序列表,UL 为无序列表

于 2009-06-24T17:41:23.200 回答
8

当问题询问“何时使用它们”时,我认为提供示例是合适的,当我想要一系列步骤时,我通常决定使用 OL,当我想要提供选择时决定使用 UL:

有序列表

这里的步骤对于业务案例至关重要,我们必须按此顺序执行步骤,因此使用有序列表。

电子商务的结帐阶段,这些步骤将按此顺序进行。

<ol>
    <li>shipping</li>
    <li>billing</li>
    <li>summary</li>
    <li>confirmation</li>
</ol>

无序列表

用户可以决定他们选择与这些选项交互的顺序

<ul>
    <li>Contact Us</li>
    <li>Newsletter Signup</li>
    <li>Terms</li>
    <li>Log out</li>
</ul>
于 2013-05-23T13:08:19.100 回答
7

我认为这是一个语义问题,因为编号/项目符号可以通过 CSS 更改。

有序列表应该是指令或任何顺序信息之类的东西。

无序列表应该是其他一切。

于 2009-06-24T17:42:21.017 回答
3

Use OL when you're listing steps that need to be done in a certain order. Use UL when you're listing items in no particular order of importance.

于 2009-06-24T17:51:28.367 回答
2

ul 表示无序列表。对于列表中的列表,列表项的顺序无关紧要。

ol 表示有序列表。它适用于已编号或以某种方式显示它们具有特定顺序的列表。

默认情况下,ul 会为您提供项目符号列表和 ol 编号列表,尽管这可以在 css 中进行编辑。

于 2009-06-24T18:41:20.050 回答
1

在某些情况下(屏幕阅读器专门为有特殊需要的人使用),由于视觉设计,您可能希望有有序列表但没有与之关联的数字。前任。当您在页面上说出填写表格的说明并希望屏幕阅读器利用说明中的订购项目时,它会很有用。出于所有视觉目的,可以通过 CSS 使它们看起来完全相同。这是(非视觉,但对屏幕阅读器有帮助)语义不同且有时有用。

于 2014-08-07T12:06:27.057 回答
0

ol = 表示有序列表。当您想列出和编号事物时使用。ul = 表示无序列表。当您想列出但不编号时使用。

我认为 OL 应该被称为 NL = 编号列表。为什么?因为UL也可以有订单但不能编号。

于 2020-09-07T22:01:41.133 回答