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

似乎可互换?

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

UL获得你的要点。 OL获取你的号码。

绝对不可互换。

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

对于使用哪种types的列表,这是一个很好的经验法则。 如果更改项目的顺序使得列表不正确,那么您需要使用<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 ,正如所有其他海报所说的那样,意味着Ordered List和Unordered List。

差别很容易。 OL显示在他们旁边的一个数字。 或罗马数字,或一封信! 你甚至可以控制是否使用大写符号或小写! 凉!

ULs给你子弹。 3种子弹,偶数盘(空心圆),方块(实心方块),圆圈(实心圆)。

没有CSS。 除了这些属性之外,还没有一种真正的方法来定制列表格式(以及边距和内隐和其他所有内容)。所以,这种区分很重要。

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

CSS可以让你改变项目符号types,或者select使用图像,或者改变页边距/样式/缩进,甚至根本不显示项目符号。

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

OL:

  1. 列表项目1
  2. 列表项目2

UL:

  • 列表项目1
  • 列表项目2

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

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

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

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

当问题问到“何时使用它们”时,我认为适当的时候提供例子,当我想要一系列的步骤时,我通常决定使用OL,而当我想要提供select时,

有序列表

这里的步骤对于商业案例来说是至关重要的,我们必须按照这个顺序来完成这些步骤,因此使用了一个有序的列表。

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

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

无序列表

用户可以决定他们select与这些select进行交互的顺序

 <ul> <li>Contact Us</li> <li>Newsletter Signup</li> <li>Terms</li> <li>Log out</li> </ul> 

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

ul表示无序列表。 这是列表中的项目所在的顺序无关紧要。

ol意味着有序的列表。 这是列表编号或以某种方式显示他们有一个特定的顺序。

默认情况下,ul得到你的项目符号列表和ol编号列表,虽然这可以在CSS中编辑。

在某些情况下(屏幕阅读器专门为有特殊需求的人使用),您可能想要订购清单,但由于视觉devise而没有与其相关的数字。 防爆。 当你让我们说一个页面上的说明填写表格,并希望屏幕阅读器利用指令中的订购项目,那么它将是有用的。 对于所有的视觉目的,他们可以通过CSS看起来完全一样。 这是(不可视的,但对屏幕阅读器有帮助)的语义是不同的,有时是有用的。

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

当您列出需要以特定顺序完成的步骤时,请使用OL。 当您按照重要性顺序列出项目时使用UL。 默认情况下,ul得到你的项目符号列表和ol编号列表,虽然这可以在CSS中编辑。 谢谢 ..