什么时候在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
- 列表项目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中编辑。 谢谢 ..