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

似乎可以互换？

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

UL为您提供了要点。OL为您获取数字。

绝对不可互换。

用数学术语（嘿，为什么不呢？），an<ol>代表一个序列，而<ul>代表一个集合。重新排列列表中的项目会更改列表的含义。不会将它们重新排列在无序列表中。

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

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

一个是有序列表（OL），它用于具有已定义和不同顺序的事物。它们为什么要组织起来是有原因的。

另一个（UL）是无序列表，它只是没有指定顺序的事物的集合。他们的组织很琐碎。

哈哈，答案这么多！

HTML首次问世时，有OL和UL，正如所有其他发布者所说的那样，它们表示有序列表和无序列表。

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

UL给您发了子弹。3种子弹，甚至-圆盘（空心圆圈），正方形（实心正方形），圆圈（实心圆圈）。

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

如今，所有的CSS。实际上，w3人们希望您使用样式，而不是您以前使用的html“ type”属性。因此，使用UL vs OL并不重要，如果您是其中的新手CSS用户之一。

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

再次编辑：这个答案并不是真的要解决UL vs OL的语义优点。但是从技术上（您知道，在位和字节处），上面概述了行为上的差异。

OL：

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

UL：

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

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

当问题问“何时使用它们”时，我认为适当地提供以下示例：通常，当我需要一系列步骤时，我决定使用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>

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

有序列表应该是诸如说明之类的东西，或者是任何顺序信息。

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

当您列出需要按特定顺序完成的步骤时，请使用OL。当您按照重要性的特定顺序列出项目时，请使用UL。

ul表示未排序的列表。它适用于列表，列表项的顺序无关紧要。

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

默认情况下，ul会为您提供项目符号指向的列表和ol编号列表，尽管可以在CSS中进行编辑。

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

ol =表示有序列表。当您要列出事物并为其编号时使用。ul =表示无序列表。当您要列出但不编号时使用。

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