HTML тег - li - определение и примеры использования
Меню
Веб-разработка
Тег li HTML

HTML - тег <li> определяет отдельные элементы в неупорядоченные упорядоченные списках HTML. Эти списки определяют теги <ul> и <ol> соответственно. Тег <menu> определяет контекстное меню.


Тег <li> - синтаксис и код

Пример кода с тегом <li> упорядоченный (<ol>) и неупорядоченный (<ul>) HTML-списки:

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>
<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Упорядоченный список

  1. HTML
  2. CSS
  3. JavaScript

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

  • HTML
  • CSS
  • JavaScript

Определение и использование

  • Тег <li> определяет элемент списка;
  • Тег <li> используется внутри упорядоченных списков (<ol>), неупорядоченных списков (<ul>) и в списках меню (<menu>);
  • В <ul> и <menu> элементы списка обычно отображаются с маркерами.
  • В <ol> элементы списка обычно отображаются цифрами или буквами.
Примечание: используйте CSS для стилизации списков.

Поддержка <li> браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Атрибут Значение Описание
value number Только для списков <li>. Указывает начальное значение элемента списка. Следующие элементы списка будут увеличиваться от этого числа

Глобальные атрибуты

Тег <li> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <li> также поддерживает атрибуты событий в HTML


Связанные страницы

Еще больше примеров смотрите по ссылке:

Руководство по HTML: cписки HTML


Настройки CSS по умолчанию

Большинство браузеров отображают элемент li со следующими значениями по умолчанию:

li {
  display: list-item;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой