何时在 html 中使用 UL 或 OL？

似乎可以互换？

93551 次浏览
小开

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

UL 给你要点，OL 给你数字。

绝对不能互换。

小开

在线:

  1. 列出第一项
  2. 列出第二项

安东尼奥:

  • 列出第一项
  • 列出第二项

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

小开

一种是有序列表(OL) ，它用于有明确的顺序的事物。他们组织起来是有原因的。

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

小开

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

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

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

小开

对于 <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 第一次出现的时候，有 哦和 UL，正如所有其他的海报所说，这意味着有序列表和无序列表。

区别很简单。OLs 显示... 旁边有个数字。或者一个罗马数字，或者一个字母！您甚至可以控制它是否使用大写符号或小写！酷！

ULs 给你子弹。3种类型的子弹，偶数圆盘(空心圆) ，正方形(填充正方形) ，圆圈(填充圆圈。)

没有 CSS。除了这些属性之外，实际上没有一种方法可以定制列表格式(以及页边距和缩进等等)所以，这个区别很重要。

现在，都是 CSS。事实上，w3的人希望您使用样式，而不是您过去使用的 html“ type”属性。所以，如果你是一个新奇的 CSS 用户，使用 UL 和 OL 并不重要。

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

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

小开

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

这是一个很好的使用列表类型的经验法则。如果更改项的顺序使列表不正确，则需要使用 <ol>。如果顺序不重要，使用 <ul>。

小开

Ul 的意思是无序列表。它是指列表中不管列表项的顺序是什么。

Ol 的意思是订单。它用于编号的列表或以某种方式显示它们具有特定的顺序。

默认情况下，ul 会显示子弹点列表和 ol 编号列表，不过这可以在 css 中编辑。

小开

当问到“什么时候使用它们”时，我认为提供一些例子是合适的，当我想要一系列步骤时，我通常决定使用 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 = 表示无序列表。当您想要列表时使用，但不要给它们编号。

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


提交答案