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

时间:2009-06-24 17:39:14

标签: html semantics

似乎可以互换?

13 个答案:

答案 0 :(得分:80)

UL表示“无序列表”。 OL表示“有序列表”。

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

绝对不能互换。

答案 1 :(得分:53)

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

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

答案 2 :(得分:46)

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

答案 3 :(得分:26)

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

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

答案 4 :(得分:18)

哈哈,这么多答案!

当HTML首次出现时,有OLUL,正如所有其他海报所说的那样,这意味着有序列表和无序列表。

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

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

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

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

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

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

答案 5 :(得分:13)

OL:

  1. 列出项目1
  2. 列出项目2
  3. UL:

    • 列出项目1
    • 列出项目2

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

答案 6 :(得分:7)

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

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

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

答案 7 :(得分:7)

当问题问及&#34;何时使用它们时,我认为适当提供何时的例子,我通常决定在我想要一系列步骤时使用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>

答案 8 :(得分:3)

当您列出需要按特定顺序执行的步骤时,请使用OL。 当您列出没有特定重要性的项目时,请使用UL。

答案 9 :(得分:1)

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

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

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

答案 10 :(得分:1)

在某些情况下(屏幕阅读器专门用于有特殊需要的人),您可能希望拥有有序列表,但由于视觉设计而没有与之关联的数字。 防爆。如果您已经让页面上的说明填写表单并希望屏幕阅读器利用说明中的订购商品,那么它将非常有用。 出于所有可视目的,可以通过CSS使它们看起来完全相同。它是(非视觉的,但对屏幕阅读器有帮助)语义,它们是不同的,有时是有用的。

答案 11 :(得分:1)

http://techuap.com/category/tips/computer-programming-tips

当您列出需要按特定顺序执行的步骤时,请使用OL。如果您没有按特定的重要顺序列出项目,请使用UL。 默认情况下,ul会为您提供项目符号列表和ol编号列表,但这可以在css中进行编辑。 谢谢..

答案 12 :(得分:0)

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

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