blocks|key|1306245|text|UL的意思是“无序列表”。OL的意思是“有序列表”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1306246|UL为您提供了要点。OL会给你数字。|1306247|绝对不能互换。|1306248|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

UL means "unordered list". OL means "ordered list".

UL gets you bullet points. OL gets you numbers. 

Definitely not interchangable.

blocks|key|1306558|text|在数学术语中(嘿，何乐而不为呢？)，<ol>代表一个序列，而<ul>代表一个集合。重新排列有序列表中的项目会更改列表的含义。在无序列表中重新排列它们不会。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1306559|对于使用哪种类型的列表，这是一个很好的经验法则。如果更改项的顺序导致列表不正确，则需要使用<ol>。如果顺序不重要，请使用<ul>。|1306560|entityMap^0|I|4|U|4|0|19|4|1P|4|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|I|$]]

In math terms (hey, why not?), an <code>&lt;ol&gt;</code> represents a sequence, whereas <code>&lt;ul&gt;</code> represents a set. Rearranging the items in an ordered list changes the list's meaning. Rearranging them in an unordered list does not.

This is a good rule-of-thumb for which type of list to use. If changing the order of the items makes the list incorrect, you want to use <code>&lt;ol&gt;</code>. If the order doesn't matter, use <code>&lt;ul&gt;</code>.

blocks|key|1306399|text|在<ol>中，数据的顺序很重要，并且(默认情况下)会显示出来，而在<ul>中，顺序就不那么重要了。示例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1306400|Tomorrow+I+will
<ol>
+<li>Wake+up</li>
+<li>Have+breakfast</li>
+<li>Go+to+sleep</li>
</ol>
During+breakfast,+I+will+eat
<ul>
+<li>Butter</li>
+<li>Eggs</li>
+<li>Bacon</li>
</ul>|code-block|syntax|javascript|1306401|entityMap^0|1|4|X|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

With <code>&lt;ol&gt;</code> the order of the data is important and will be displayed (by default) while with <code>&lt;ul&gt;</code>, order isn't as important.
Example:

<pre><code>&lt;p&gt;Tomorrow I will&lt;/p&gt;
&lt;ol&gt;
 &lt;li&gt;Wake up&lt;/li&gt;
 &lt;li&gt;Have breakfast&lt;/li&gt;
 &lt;li&gt;Go to sleep&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;During breakfast, I will eat&lt;/p&gt;
&lt;ul&gt;
 &lt;li&gt;Butter&lt;/li&gt;
 &lt;li&gt;Eggs&lt;/li&gt;
 &lt;li&gt;Bacon&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

blocks|key|1306280|text|一种是有序列表(OL)，它用于具有定义和不同顺序的事物。它们被组织起来是有原因的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1306281|另一种(UL)是无序列表，它只是没有特定顺序的事物的集合。他们的组织是琐碎的。|1306282|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

One is ordered list (OL), it is for things that have a defined and distinct order. There is a reason behind why they are organized.

The other (UL) is unordered list, which is just a collection of things in no specified order. Their organization is trivial.

blocks|key|1521562|text|哈哈，这么多答案！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521563|当超文本标记语言第一次出现时，出现了OL和UL，正如所有其他发帖者所说，这意味着有序列表和无序列表。|offset|length|1521564|区别很简单。已显示OLs+...他们旁边的一个数字。或者一个罗马数字，或者一个字母！你甚至可以控制它是使用大写还是小写！凉爽的!|1521565|ULs给了你子弹3种类型的项目符号，偶数圆盘(空心圆圈)，正方形(实心正方形)，圆圈(实心圆圈)。|1521566|没有CSS。除了这些属性之外，实际上没有一种方法可以自定义列表格式(以及边距、缩进和其他所有内容)。因此，这种区别很重要。|1521567|现在，它都是CSS。实际上，w3人员希望您使用样式，而不是您过去使用的html+"type“属性。所以，如果你是一个新潮的CSS用户，使用UL和OL并不重要。|1521568|CSS允许您更改项目符号类型，或选择使用图像，或更改页边距/样式/缩进，甚至根本不显示项目符号。|1521569|再次编辑:这个答案并不是真的要解决UL与OL的语义优点。但从技术上讲(您知道，在位和字节上)，上面概述了行为上的差异。|1521570|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/TAGS/tag_ol.asp|1|http://www.w3schools.com/tags/tag_ul.asp^0|0|I|2|0|L|2|1|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@$D|13|E|14|1|15]|$D|16|E|17|1|18]]|A|$]]|$1|F|3|G|5|6|7|19|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|1A|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1B|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1C|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1D|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1E|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|S|$T|$5|U|V|W|A|$X|Y]]|Z|$5|U|V|W|A|$X|10]]]]

Haha, so many answers!

When HTML first came out, there were <a href="http://www.w3schools.com/TAGS/tag_ol.asp" rel="noreferrer">OL</a> and <a href="http://www.w3schools.com/tags/tag_ul.asp" rel="noreferrer">UL</a>, which, as all of the other posters have said, meant Ordered List and Unordered List.

The difference was easy. OLs displayed... a number next to them. Or a roman numeral, or a letter! You could even control whether it used capitalized symbols or lowercase! Cool!

ULs gave you bullets. 3 types of bullets, even - discs (hollow circles), squares (filled squares), circles (filled circles.)

There was no CSS. Beyond these attributes, there wasn't really a way to customize the list formats (and margins and indententations and everything else.) So, this distinction was important.

Nowadays, its all CSS. In fact, the w3 people want you to use styles rather than the html "type" attribute that you used to use. So, using UL vs OL doesn't really matter, if you are one of them newfangled CSS users.

CSS lets you change the bullet type, or opt to use an image, or change the margins/styles/indentations, or not even display a bullet at all.

Edit again: This answer isn't really meant to address the semantic merits of UL vs OL. But technically (you know, at the bits and bytes) the above outlines the differences in behavior.

blocks|key|1521369|text|我认为这是一个语义问题，因为CSS可以更改编号/项目符号。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521370|有序列表应该是像指令一样的东西，或者任何顺序的信息。|1521371|无序列表应该是其他所有东西。|1521372|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I think it's a sematic issue, as the numbering/bullet points can be changed by CSS.

Ordered lists should be things like instructions, or any sequential information.

Unordered lists should be everything else.

blocks|key|1306451|text|当您列出需要按特定顺序完成的步骤时，请使用OL。当您列出的项目没有特定的重要性顺序时，请使用UL。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1306452|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use OL when you're listing steps that need to be done in a certain order.
Use UL when you're listing items in no particular order of importance.

blocks|key|1521652|text|ul表示无序列表。它适用于列表，在这些列表中，列表项的顺序并不重要。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521653|ol表示有序列表。它用于编号列表，或者以某种方式表示它们具有特定的顺序。|1521654|默认情况下，ul会给你带项目符号的列表和ol编号的列表，尽管这可以在css中编辑。|1521655|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

ul means unorded list. It is for lists in whick it doesn't matter what order the list items are in.

ol means ordered list. It is for lists that are numbered or in some way show that they have a specific ordering.

By default ul gets you bullet pointed lists and ol numbered lists, although this can be edited in css.

blocks|key|1521706|text|在某些情况下(专门用于有特殊需求的人的屏幕阅读器)，出于视觉设计的原因，您可能希望有有序的列表，但没有与之相关联的数字。例如。如果您已经在页面上设置了填充表单的指令，并且希望屏幕阅读器利用指令中的有序项，那么它将非常有用。对于所有视觉目的，都可以通过CSS使它们看起来完全相同。它是(非可视化的，但对屏幕阅读器有帮助的)语义，它是不同的，有时是有用的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521707|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In some cases (specifically used by Screen Readers for people with special needs) you may want to have ordered list but not have numbers associated with them due to visual design.
Ex. when you've let's say instructions on a page to fill up a form and want screen readers to take advantage of ordered items in the instructions then it will be useful.
For all visual purposes they can be made to look exactly the same through CSS. It's the (non-visual, but helpful to screen reader) semantics that are different and at times useful.

blocks|key|1521756|text|ol+=表示有序列表。当您想要列出和编号时使用。ul+=表示无序列表。当您想要列出而不是编号时使用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1521757|我认为OL应该被称为NL+=+numbered。为什么？因为UL也可以有顺序，但不能编号。|1521758|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

ol = means ordered list. Use when you want to list and number things.
ul = means unordered list. Use when you want to list but not number them.
I think OL should have been called NL = numbered list. Why? Because UL can also have an order but not be numbered.

问什么时候在html中使用UL或OL？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问什么时候在html中使用UL或OL？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问什么时候在html中使用UL或OL？
EN