什么时候在HTML中使用UL或OL？

Question

似乎可以互换？

Answer 1

UL表示"无序列表".OL表示"有序列表".

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

绝对不可互换.

Answer 2

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

对于要使用的列表类型,这是一个很好的经验法则.如果更改项目的顺序会使列表不正确,则需要使用<ol>.如果订单无关紧要,请使用<ul>.

Answer 3

由于<ol>数据的顺序很重要并且将显示(默认情况下)<ul>,因此顺序并不重要.例:

<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>

Answer 4

一个是有序列表(OL),它用于具有已定义和不同顺序的事物.他们为什么组织起来有一个原因.

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

Answer 5

哈哈,这么多答案!

当HTML第一次出现时,有OL和UL,正如所有其他海报所说的那样,它意味着有序列表和无序列表.

差异很容易.OL显示......旁边的数字.或罗马数字或字母!您甚至可以控制它是使用大写符号还是小写符号!凉!

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

没有CSS.除了这些属性之外,还没有一种方法可以自定义列表格式(以及边距和不足以及其他所有内容).因此,这种区别非常重要.

如今,它的所有CSS.实际上,w3人们希望您使用样式而不是您以前使用的html"type"属性.因此,如果你是其中一个新奇的CSS用户,使用UL vs OL并不重要.

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

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

Answer 6

OL:

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

UL:

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

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

Answer 7

我认为这是一个特殊问题,因为CSS可以改变编号/项目符号.

有序列表应该是指令或任何顺序信息.

无序列表应该是其他所有内容.

Answer 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>