когда использовать UL или OL в HTML? - PullRequest
Новая
       60

когда использовать UL или OL в HTML?

61 голосов
/ 24 июня 2009

Кажется взаимозаменяемым?

Ответы [ 12 ]

80 голосов
/ 24 июня 2009

UL означает «неупорядоченный список». OL означает «упорядоченный список».

UL получает очки. ПР получает тебе номера.

Определенно не взаимозаменяемо.

53 голосов
/ 24 июня 2009

В математических терминах (эй, почему бы и нет?) <ol> представляет последовательность, тогда как <ul> представляет набор. Изменение порядка элементов в упорядоченном списке меняет смысл списка. Перегруппировать их в неупорядоченном списке не удастся.

Это хорошее эмпирическое правило для выбора типа списка. Если изменение порядка элементов делает список неверным, вы должны использовать <ol>. Если порядок не имеет значения, используйте <ul>.

46 голосов
/ 24 июня 2009

При <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>
26 голосов
/ 24 июня 2009

Один - упорядоченный список (OL), он предназначен для вещей, которые имеют определенный и отличный порядок. Есть причина, почему они организованы.

Другой (UL) - это неупорядоченный список, который представляет собой просто набор вещей в указанном порядке. Их организация тривиальна.

18 голосов
/ 24 июня 2009

Ха-ха, так много ответов!

Когда HTML впервые появился, были OL и UL , которые, как говорили все другие авторы, означали Упорядоченный список и Неупорядоченный список.

Разница была легкой. OL отображал ... число рядом с ними. Или римская цифра, или буква! Вы даже можете контролировать, использует ли он заглавные или строчные буквы! Круто!

UL дали вам пули. 3 вида пуль, четные - диски (пустые кружки), квадраты (заполненные квадраты), кружки (заполненные круги.)

CSS не было. Помимо этих атрибутов, на самом деле не было способа настроить форматы списков (а также поля, отступы и все остальное). Итак, это различие было важным.

В наше время это все CSS. Фактически, пользователи w3 хотят, чтобы вы использовали стили, а не html-атрибут «type», который вы использовали. Таким образом, использование UL против OL не имеет большого значения, если вы один из них - новомодные пользователи CSS.

CSS позволяет вам изменять тип маркера, или использовать изображение, или изменять поля / стили / отступы, или даже не отображать маркер.

Снова отредактируйте: этот ответ на самом деле не предназначен для рассмотрения семантических достоинств UL против OL. Но технически (вы знаете, в битах и ​​байтах) вышеприведенное очерчивает различия в поведении.

13 голосов
/ 24 июня 2009

OL:

  1. Элемент списка 1
  2. Элемент списка 2

UL:

  • Элемент списка 1
  • Элемент списка 2

OL - упорядоченный список, UL - неупорядоченный список

7 голосов
/ 23 мая 2013

Поскольку вопрос задает «когда их использовать», я счел целесообразным привести примеры того, когда я обычно решаю использовать 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>
7 голосов
/ 24 июня 2009

Я думаю, что это серьезная проблема, так как нумерация / маркированные точки могут быть изменены с помощью CSS.

Упорядоченные списки должны быть в виде инструкций или любой последовательной информации.

Неупорядоченные списки должны быть всем остальным.

3 голосов
/ 24 июня 2009

Используйте OL, когда перечисляете шаги, которые необходимо выполнить в определенном порядке. Используйте UL, когда вы перечисляете предметы без особой важности.

1 голос
/ 07 октября 2015

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

Используйте OL, когда перечисляете шаги, которые необходимо выполнить в определенном порядке. Используйте UL, когда вы перечисляете предметы в определенном порядке важности. По умолчанию ul возвращает вам маркированные списки и нумерованные списки, хотя это можно редактировать в css. спасибо ..

Страница:
...