ul — неупорядоченный список

Тег <ul> используется для создания неупорядоченного списка элементов.

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ul>

• Пункт 1
• Пункт 2
• Пункт 3

Примеры использования

Простой неупорядоченный список:

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2</li>
  <li>Пункт 3</li>
</ul>

Неупорядоченный список с вложенным списком:

<ul>
  <li>Пункт 1</li>
  <li>Пункт 2
    <ul>
      <li>Подпункт 1</li>
      <li>Подпункт 2</li>
    </ul>
  </li>
  <li>Пункт 3</li>
</ul>

Ограничения

• Тег <ul> не следует использовать для списков, требующих определенного порядка. В этом случае вместо него следует использовать тег <ol>.
• Тег <ul> следует использовать только для списка связанных элементов. Если элементы списка не связаны между собой, их следует разделить на разные списки или отобразить в другом формате.

Нюансы

• Если элемент в списке требует нескольких абзацев или подзаголовков, рекомендуется использовать вложенные элементы, такие как <li> и <ul>, вместо тегов <br> или <p>.
• Если элементы списка содержат изображения или видео, рекомендуется использовать теги <figure> и <figcaption> для предоставления альтернативного текста и подписей.
• У тега <ul> должен быть хотя бы один вложенный элемент <li>.

Чем заменить тег

• <div> — общий контейнер, который можно использовать для группировки любого количества связанных элементов;
• <section> используется для группировки связанного содержимого вместе и обычно имеет заголовок;
• <table> используется для создания таблицы данных.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.