Выбор типа списка

Важен ли порядок элементов списка?

• Если да, используйте упорядоченный список.

• Если нет, используйте неупорядоченный список.

Различие между списками html и текстом

Можно задаться вопросом, в чем различие между списком HTML и каким-то текстом с маркерами или числами, написанными вручную. Существует несколько преимуществ использования списка HTML:

• Если потребуется изменить порядок элементов списка в упорядоченном списке, то вы просто перемещаете их в коде HTML. Если числа будут написаны вручную, то придется все просмотреть и изменить число каждого элемента, чтобы исправить порядок — что достаточно скучно, по крайней мере!

• Использование списка HTML позволяет правильно оформить стиль список. Если используется просто большой текст, то окажется значительно труднее оформить стиль отдельных элементов каким-либо более-менее полезным образом.

• Использование списка HTML создает для контента подходящую семантическую структуру, а не просто "спискообразный" визуальный эффект. Это имеет важные преимущества, так как позволяет считывателям экрана сообщить пользователям с недостатками зрения, что они читают список, а не просто прочитать путаную смесь текста и чисел.

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

Вложенные списки

Элемент списка может содержать другой целый список — он называется "вложенным" списком. Это может быть полезно для таких вещей как таблица контента, такой как в начале лекции:

1. Глава один

1. Раздел один

2. Раздел два

3. Раздел три

2. Глава два

3. Глава три

Ключевым моментом, который надо помнить, является то, что вложенный список должен относиться к одному конкретному элементу списка. Чтобы отразить это в коде, вложенный список помещается внутрь этого элемента списка. Код для приведенного выше списка выглядит следующим образом:

<ol>

<li>Глава один

<ol>

<li>Раздел один </li>

<li>Раздел два </li>

<li>Раздел три </li>

</ol>

</li>

<li>Глава два </li>

<li>Глава три </li>

</ol>

Отметим, что вложенный список начинается после элемента <li> и текста, содержащего список элемента ("Глава один"); а заканчивается перед элементом </li>, содержащего список элемента. Вложенные списки часто формируют основу для навигационного меню Web-сайта, так как они являются удобным способом определения структуры Web-сайта.

Теоретически можно вложить любое количество списков, хотя на практике это может внести путаницу при слишком глубоком вложении списков. Для очень больших списков может быть лучше разбить содержимое на несколько списков с заголовками, или даже разбить на отдельные страницы.