Когда использовать UL или OL в html?

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

Ответ 1

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

UL получает пулевые очки. OL получает номера.

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

Ответ 2

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

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

Ответ 3

С <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>

Ответ 4

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

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

Ответ 5

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

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

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

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

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

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

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

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

Ответ 6

ПР:

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

UL:

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

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

Ответ 7

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

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

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

Ответ 8

Как вопрос задает вопрос "когда их использовать", я счел целесообразным предложить примеры того, когда я обычно решаю использовать 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>

Ответ 9

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

Ответ 10

ul означает неупорядоченный список. Для списков в whick не имеет значения, в каком порядке находятся элементы списка.

ol означает упорядоченный список. Это для списков, которые нумеруются или каким-то образом показывают, что они имеют определенный порядок.

По умолчанию ul получает от вас маркерные списки и нулевые списки ol, но это можно отредактировать в css.

Ответ 11

В некоторых случаях (специально используемых Screen Readers для людей с особыми потребностями) вы можете захотеть заказать список, но не иметь связанных с ними номеров из-за визуального дизайна. Ex. когда вы разрешаете говорить инструкции на странице, чтобы заполнить форму и хотите, чтобы читатели экрана использовали преимущества упорядоченных элементов в инструкциях, тогда это будет полезно. Для всех визуальных целей они могут быть сделаны одинаковыми с помощью CSS. Это (невизуальная, но полезная для чтения с экрана) семантика, которая отличается и порой полезной.

Ответ 12

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

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