Li html: Тег | htmlbook.ru

— HTML — Дока

1. Кратко
2. Пример
3. Как это понять
4. Атрибуты
   1. value
   2. type
5. Подсказки
6. На практике
   1. Ольга Рунова советует

Кратко

Секция статьи «Кратко»

<li> – отдельный элемент списка <ol>, <ul> или <menu>.

Пример

Секция статьи «Пример»

<ul>  <li>Пушкин</li>  <li>Есенин</li>  <li>Бунин</li></ul>
          <ul>
  <li>Пушкин</li>
  <li>Есенин</li>
  <li>Бунин</li>
</ul>

Как это понять

Секция статьи «Как это понять»

<li> – сокращение от list item.

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

Атрибуты

Секция статьи «Атрибуты»

value Секция статьи «value»

Можно установить номер пункта <li>, с которого начнётся нумерация списка (только для <ol>).

Значением value может быть любое целое положительное число:

<ol>  <li value="3">Белка</li>  <li>Лиса</li>  <li>Ёж</li></ol>
          <ol>
  <li value="3">Белка</li>
  <li>Лиса</li>
  <li>Ёж</li>
</ol>

type Секция статьи «type»

С помощью атрибута type можно установить вид маркера. Значение будет зависеть от внешнего контейнера <ol> или <ul>

.

<ul>  <li type="disc">Белка</li>  <li type="circle">Лиса</li>  <li type="square">Ёж</li></ul><ol>  <li type="A">Правила</li>  <li>Тесты</li>  <li>Ответы</li></ol>
          <ul>
  <li type="disc">Белка</li>
  <li type="circle">Лиса</li>
  <li type="square">Ёж</li>
</ul>
<ol>
  <li type="A">Правила</li>
  <li>Тесты</li>
  <li>Ответы</li>
</ol>

Для нумерованного списка <ol> атрибут type может иметь значения: «a», «i», «I».

👆 Для изменения стиля отображения маркера лучше все-таки использовать CSS, а именно list-style-type

Подсказки

Секция статьи «Подсказки»

💡 Внутрь тега <li> можно вкладывать разные элементы, например, изображения, другие списки, ссылки и т. д.

<ul>  <li>      <a href="#">Главная страница</a>  </li>  <li>      <a href="#">Корзина</a>  </li>  <li>      <a href="#">Отзывы</a>  </li></ul>
          <ul>
  <li>
      <a href="#">Главная страница</a>
  </li>
  <li>
      <a href="#">Корзина</a>
  </li>
  <li>
      <a href="#">Отзывы</a>
  </li>
</ul>

💡 <li> по умолчанию имеет блочные стили, поэтому пункты будут располагаться друг под другом. Это поведение легко меняется с помощью CSS.

На практике

Секция статьи «На практике»

Ольга Рунова советует

Секция статьи «Ольга Рунова советует»

🛠️ Для тега <li> браузеры добавляют псевдоэлемент ::marker, который выводит маркер или цифру, в зависимости от типа списка. По умолчанию, в неупорядоченном списке <ul> это маркер в виде точки (disc), в упорядоченном списке <ol> — арабская цифра с точкой (decimal).

Чтобы стилизовать маркер, можно применить стили к ::marker, а CSS-свойство list-style-type поможет поменять тип маркера или убрать его вовсе (none).

Свойство list-style-position позволяет задать положение маркера относительно контента.

А для придания списку большей изюминки маркер можно заменить на картинку с помощью list-style-image.

👆 Чтобы свойства применились ко всем элементам <li> в списке, достаточно задать их внешнему контейнеру (<ul> или <ol>).

Если вы нашли ошибку, отправьте нам пул-реквест!

Во время отправки формы что-то пошло не так. Попробуйте ещё раз?

←

<ul>

alt + ←

→

<dl>, <dd>, <dt>

alt + →

Нужны ли России «универсальные» ценности?

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

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

По-особому тема ценностей зазвучала в условиях широкого обсуждения поправок в Основной Закон страны и в год 75-летия Великой Победы. На эти события Запад ответил активизацией информационно-пропагандистских кампаний, имеющих целью сфальсифицировать мировую и отечественную историю, умалить ценность Победы, нанести очередной удар по системе традиционных российских духовно-нравственных ценностей.

Несмотря на колоссальные усилия заокеанских «партнеров» по слому сформированной предшествующими поколениями системы ценностей в России, она сохранила свои основные качественные характеристики.

Система традиционных российских ценностей выступает духовно-нравственным фундаментом нашего общества

Обобщенное представление о совокупности традиционных российских духовно-нравственных ценностей предельно лаконично, но далеко не исчерпывающе, закреплено в Стратегии национальной безопасности Российской Федерации. В частности, к ним относятся приоритет духовного над материальным, защита человеческой жизни, прав и свобод человека, семья, созидательный труд, служение Отечеству, нормы морали и нравственности, гуманизм, милосердие, справедливость, взаимопомощь, коллективизм, историческое единство народов России, преемственность истории нашей Родины.

Одна из главных российских традиционных ценностей — крепкая и счастливая семья. Фото: Донат Сорокин / ТАСС

Не менее важный перечень духовно-нравственных ценностей представлен в Стратегии развития воспитания в Российской Федерации на период до 2025 года. Она опирается на такие ценности, как человеколюбие, справедливость, честь, совесть, воля, личное достоинство, вера в добро и стремление к исполнению нравственного долга перед самим собой, своей семьей и своим Отечеством.

Система традиционных российских ценностей, складывавшаяся столетиями, выступает духовно-нравственным фундаментом нашего общества. Эта система лежала в основании всемирно-исторической победы советского народа в Великой Отечественной войне 1941-1945 годов. Именно этот фундамент позволяет сохранять и укреплять суверенитет, строить будущее, несмотря на все сложности и противоречия исторического развития. Наша страна в прямом смысле слова выстрадала свои ценности, и теперь главной задачей будущих поколений является их сбережение и приумножение.

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

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

Несомненно, основные ценности как идеальные цели и качества общества во многом совпадают у большинства народов. Нет никого, кто бы не ратовал за справедливость, безопасность или благополучие.

Несвойственные нашему российскому обществу и доминирующие в зарубежной культуре ценности мы, как правило, обозначаем понятием «западные ценности».

Кроме того, многим представителям старшего и среднего поколения знакомо понятие, которое широко использовалось в годы так называемой «перестройки» и в период формирования новой России, — «общечеловеческие ценности».

300 тысяч человек вышли в Париже в январе 2013 года на акции протеста против легализации однополых браков

Не отрицая наличие общих для человечества ценностей, подчеркну, что в тот период реализация «концепции общечеловеческих ценностей», с одной стороны, делала ближе и понятнее ранее «закрытый» для большинства населения нашей страны «западный мир», а с другой — позволяла пропагандировать социальные и моральные установки, не всегда совпадающие с традиционными отечественными ценностями.

«Западные» ценности, которые в последние десятилетия все чаще трактуются как «универсальные», поскольку в такой форме закреплены в официальных документах Европейского союза, стали расхожим штампом.

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

Так, преамбула Договора о Европейском союзе (Маастрихт, 7 февраля 1992 г.) говорит о «культурном, религиозном и гуманитарном наследии Европы, на основе которого сформировались универсальные ценности нерушимых и неотчуждаемых прав человека, свободы, демократии, равенства и верховенства права». Договор закрепляет утверждение о том, что «Европейский союз основан на ценностях уважения человеческого достоинства, свободы, демократии, равенства, верховенства права и соблюдения прав человека, включая права лиц, принадлежащих к меньшинствам. Указанные ценности являются едиными в обществе, где преобладают разнообразие мнений, терпимость, справедливость, солидарность и равенство между женщинами и мужчинами».

Нельзя не отметить, что некоторые европейские ценности, например, восьмичасовой рабочий день, равенство между женщинами и мужчинами, избирательное право для женщин, появились только благодаря событиям 1917 года в России. При этом равенство в избирательных правах, например во Франции, женщины получили лишь в 1944 году, в Швейцарии — в 1971 году, а в Португалии — только в 1974 году.

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

На Западе умышленно размывались такие базовые понятия, как семья, мать и отец, мужчина и женщина. Искусственно насаждаемые взамен нормы типа «родитель 1» и «родитель 2» сформировали в силу их противоестественности с чисто биологической точки зрения основы для цивилизационного конфликта в самом западноевропейском обществе.

Любые попытки стандартизировать российские или иные ценности под «универсальные» являются проявлением социокультурной агрессии

Более того, эти нормы противоречат самой фундаментальной сути христианства, ислама, иудаизма и других религий и являются для них просто враждебными.

В социальной сфере неолиберализм насаждает индивидуализм, эгоизм, культ наслаждения, безудержного потребления, абсолютизирует свободу любого самовыражения. При этом на самом Западе далеко не все поддерживают такие антиценности.

Примеров — множество. Достаточно вспомнить массовые акции протеста во Франции, проводившиеся против легализации однополых браков в январе 2013 года. Тогда на улицы Парижа вышло более 300 тысяч человек. Голосование в национальном собрании Франции, которое проводилось по рассмотрению законопроекта «Брак для всех», разделило парламент практически пополам (из 565 голосовавших 225 парламентариев были против принятия закона). Учитывая уровень поляризации французского общества в те дни, напрашивается вопрос, являются ли эти ценности на самом деле «универсальными», или они все же кем-то искусственно навязываются?

Пандемия COVID-19 со всей очевидностью обнажила все негативные последствия от насаждения новых западных ценностей, прежде всего углубление разобщенности, равнодушие и растерянность перед лицом надвигающейся опасности.

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

Катализатором этого явления стала геополитическая катастрофа, связанная с распадом СССР, поскольку ликвидация главного идеологического оппонента полностью развязала руки западной неолиберальной элите. Необходимость решения той идеологической задачи, которая ранее была возложена на средний класс, отпала, поскольку с переменами в нашей стране потеряла смысл какая-либо демонстрация «преимуществ» западного образа жизни.

Уничтожение среднего класса, наряду с обострением миграционной ситуации, в свою очередь, стимулировали возрождение пещерного национализма, который фактически поощряется США и ведущими странами «единой» Европы, как, например, на Украине.

Взращиваются правые и националистические партии в самой Европе. В числе прочего новые западные ценности породили пытки в тюрьмах Афганистана и Гуантанамо, стали стимулом к отказу от службы в армии и защиты своего Отечества. Решительный отказ отдельных стран принимать эти ценности зачастую приводит к санкциям, направленным против целых народов. Вся прежняя конструкция традиционных западных ценностей подверглась столь глубоким изменениям, что набор ее нынешних «универсальных» норм фактически не имеет ничего общего с прежней, более привычной для нас системой ценностей европейской цивилизации.

Речь идет уже не о подмене одних ценностей другими. Следует говорить о возникновении новой идеологической системы, которая направлена, в конечном счете, на уничтожение любых традиционных религиозных и духовно-нравственных ценностей как базовой основы культурного и политического суверенитета стран и народов.

Новые западные ценности превратились в навязывание миру чуждого мировосприятия. Идеологи Запада ставят целые страны и народы перед выбором — либо вы принимаете «универсальные ценности», либо ваши ценности будут неправильными, аморальными.

Таким образом, любые попытки стандартизировать российские или иные ценности под официально принятые «универсальные» являются проявлением социокультурной агрессии, направленной на разрушение традиционных систем ценностей в том или ином государстве.

В условиях цифровизации современного общества, на фоне деградации системы международных отношений и международной безопасности коллективный Запад стремится внедрить неолиберальные догмы в сознание российских граждан и наших соотечественников по всему миру, атакуя не только традиционные российские духовно-нравственные ценности, но и истинные, действительно общие для человечества ценности, подрывая устои государств. При этом активно используются идеологические формулировки типа «конфликта цивилизаций».

Не менее разрушительным оказалось воздействие этих норм на систему международной безопасности. Подмена международных норм правом сильного, огнем и мечом насаждающего «свободу и демократию» там, где их не может существовать в таком вот западном понимании по определению в силу исторических, религиозных, этнологических и других причин, уже привела к трагедии Ирака, Сирии и Ливии. Отдельной позорной страницей истории для всех стран НАТО были и навсегда останутся варварские бомбардировки Югославии.

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

На этом фоне весьма важным является вопрос о том, что Россия предлагает миру взамен.

В отличие от Запада Россия, по сути, предлагает новый цивилизационный выбор, содержание которого включает равенство, справедливость, невмешательство во внутренние дела, отсутствие менторского тона и каких-либо предварительных условий для взаимовыгодного сотрудничества.

Россия предлагает возведение национального суверенитета, в том числе культурного и духовно-нравственного, в статус величайшей ценности и основы последующего строительства человеческой цивилизации. Нет сомнений, что число последователей такого выбора в мире будет расти, создавая все более благоприятные условия для обеспечения развития и процветания разных стран и народов.

HTML тег

onplay	Скрипт викликається коли медіа дані готові почати відтворення.
onafterprint	Скрипт виконується тільки після як документ надрукований.
onbeforeprint	Скрипт виконується перед тим, як документ надрукований.
onbeforeunload	Скрипт виконується коли документ ось-ось буде вивантажений
onhashchange	Скрипт виконується коли там відбулися зміни до частини якоря в URL
onload	Викликається після того як завантаження елемента завершене.
onmessage	Скрипт виконується коли викликане повідомлення.
onoffline	Спрацьовує коли браузер починає працювати в автономному режимі
ononline	Спрацьовує коли браузер починає працювати в режимі онлай.
onpagehide	Скрипт виконується коли користувач переходить на іншу сторінку сторінку.
onpageshow	Скрипт виконується коли користувач заходить на сторінку.
onpopstate	Скрипт виконується коли змінено історію одного вікна.
onresize	Скрипт виконується, коли розмір вікна браузера змінюється.
onstorage	Скрипт виконується, коли вміст Web Storage оновлюється.
onunload	Викликається, коли сторінка розвантажена, або вікно браузера було зачинено.
onblur	Скрипт виконується, коли елемент втрачає фокус.
onchange	Викликається в той момент, коли значення елемента змінюється.
oncontextmenu	Скрипт виконується коли викликається контекстне меню.
onfocus	Викликається в той момент, коли елемент отримує фокус.
oninput	Скрипт викликається коли користувач вводить дані поле.
oninvalid	Скрипт виконується, коли елемент недійсний.
onreset	Викликається, коли натискається у формі кнопка типу Reset.
onsearch	Викликається, коли користувач щось пише в поле пошуку (для <input type="search">)
onselect	Викликаєтсья після того як будь-який текст був обраний в елементі.
onsubmit	Викликається при відправленні форми.
onkeydown	Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу.
onkeypress	Викликається коли корисрувач натиснув на клавішу.
onkeyup	Викликається коли користувач відпускає клавішу.
ondblclick	Виникає при подвійному клацанні ЛКМ на елементі.
ondrag	Періодично викликається при операції перетягування.
ondragend	Викликається коли користувач відпускає перелягуваний елемент.
ondragenter	Викликається, коли перетягуваний елемент входить в цільову зону.
ondragleave	Викликається, коли перетягуваний елемент виходть з зони призначення.
ondragover	Викликається, коли перетягуваний елемент знаходиться в зоні призначення.
ondragstart	Викликається, коли користувач починає перетягувати елемент, або виділений текст.
ondrop	Викликається, коли перетягуваний елемент падає до зони призначення.
onmousedown	Викликається, коли користувач затискає ЛКМ на елементі.
onmousemove	Викликається, коли курсор миші переміщається над елементом.
onmouseout	Викликається, коли курсор виходить за межі елемента.
onmouseover	Виконується, коли курсор наводиться на елемент.
onmouseup	Викликається, коли користувач відпускає кнопку миші.
onscroll	Викликається при прокручуванні вмісту елемента (чи веб-сторінки).
onwheel	Викликається, коли користувач прокручує коліщатко миші.
oncopy	Викликається, коли користувач копіює вміст елемента.
oncut	Викликається, коли користувач вирізає вміст елемента.
onpaste	Викликається, коли користувач вставляє вміст в елемент.
onabort	Виконується при перериванні якоїсь події.
oncanplay	Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення)
oncanplaythrough	Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію.
oncuechange	Скрипт виконується коли змінюється кий в <track> елемента
ondurationchange	Викликається коли змінюється довжина медіа файлу.
onemptied	Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею).
onended	Викликається коли медіа елемент повністю відтворив свій зміст.
onshow	Викликається, коли елемент <menu> буде відображено як контекстне меню.
onloadedmetadata	Скрипт виконується коли метадані (розміри чи тривалість) завантажуються.
onloadeddata	Викликається коли медіа данні завантажено.
onloadstart	Викликається коли браузер тільки починає завантажувати медіа дані з сервера.
onpause	Викликається коли відтворення медіа даних призупинено.
onplaying	Викликається коли розпочато відтворення медіа даних.
onprogress	Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео.
onratechange	Викликається коли змінюється швидкість відтворення медіа даних.
onseeked	Викликається коли атрибут seeked у тега audio або video змінює значення з true на false.
onseeking	Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true
onstalled	Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані.
onsuspend	Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження.
ontimeupdate	Викликається коли змінилася позиція відтворення елемента <audio> або <video>.
onvolumechange	Викликається коли змінюється гучність звуку.
onwaiting	Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться.
ontoggle	Викликається, коли користувач відкриває або закриває елемент <details>.
onerror	Викликається якщо при завантаженні елемента сталася помилка.
onclick	Подія викликається коли користувач клацає ЛКМ по елементу.

Тег HTML li

❮ Назад Полный справочник HTML Далее ❯

Пример

Один упорядоченный (

) и один неупорядоченный (
) список HTML:

<ол>


• Кофе


• Чай


• Молоко

• Кофе


• Чай


• Молоко

Попробуйте сами »

Другие примеры «Попробуйте сами» ниже.

---

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

Тег

определяет элемент списка.

Тег

используется внутри упорядоченных списков (

), неупорядоченных списков (
) и в списки меню (<меню>).

В

и элементы списка обычно отображаются с маркером точки.

В

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

Совет: Используйте CSS для оформления списков.

---

Поддержка браузера

Элемент
	Да	Да	Да	Да	Да

---

Атрибуты

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

---

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

Тег

1. также поддерживает глобальные атрибуты в HTML.

   ---

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

   Тег

2. также поддерживает атрибуты событий в HTML.

   ---

   ---

   Другие примеры

   Пример

   Использование атрибута value в упорядоченном списке:

   
   
   100. Кофе
   
   
   101. Чай
   
   
   102. Молоко
   
   
   103. Вода
   
   
   104. Сок
   
   
   105. Пиво
   
   

   Попробуйте сами »

   Пример

   Установить различные типы стилей списка (с помощью CSS):

   <ол>
    

3. Кофе

 
4. Чай

 
5. Молоко



 
• Кофе

 
• Чай

 
• Молоко



Попробуйте сами »

Пример

Создать список внутри списка (вложенный список):


  < li>Кофе
 
• Чай
     
  
  
  • Черный чай
  
       
  • Зеленый чай
  
  
  
   

 
• Молоко



Попробуйте сами »

Пример

Создайте более сложный вложенный список:


 
• Кофе

 
• Чай
     
  
  
  • Черный чай
  
       
  • Зеленый чай
    <ул>
    
  • Китай
  
  
  • Африка
  
         
  
  

   

 
 
• Молоко



Попробуйте сами »

---

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

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

HTML DOM ссылка: Li Object

Учебное пособие по CSS: Списки стилей

---

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

Большинство браузеров отображают элемент

• со следующими значениями по умолчанию:

  li {
    отображение: элемент списка;
  }

  ❮ Предыдущий Полный справочник HTML Далее ❯

  
  

  НОВИНКА

  Мы только что запустили
  Видео W3Schools

  Узнать

  ВЫБОР ЦВЕТА

  КОД ИГРЫ

  Играть в игру

  ---

  ---

  ---

  Лучшие учебники

  Учебное пособие по HTML
  Учебное пособие по CSS
  Учебное пособие по JavaScript
  Учебное пособие
  Учебное пособие по SQL
  Учебное пособие по Python
  Учебное пособие по W3. CSS
  Учебное пособие по Bootstrap
  Учебное пособие по PHP
  Учебное пособие по Java
  Учебное пособие по C++
  Учебное пособие по jQuery
  

  Основные ссылки

  HTML Reference
  CSS Reference
  JavaScript Reference
  SQL Reference
  Python Reference
  W3.CSS Reference
  Bootstrap Reference
  PHP Reference
  HTML Colors
  Java Reference
  Angular Reference
  jQuery Reference
  

  90901 Top6s Примеры HTML
  Примеры CSS
  Примеры JavaScript
  Как сделать Примеры
  Примеры SQL
  Примеры Python
  Примеры W3.CSS
  Примеры Bootstrap
  Примеры PHP
  Примеры Java
  Примеры XML
  Примеры jQuery
  

  ---

  FORUM | О

  W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

  Copyright 1999-2022 Refsnes Data. Все права защищены.
  W3Schools работает на основе W3.CSS.

  HTML: тег

  ---

  В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом

• , с синтаксисом и примерами.

  Описание

  Тег HTML

• определяет элемент списка в
  ,
  или в документе HTML. Этот тег также часто называют элементом
  • .

    Syntax

    В HTML синтаксис тега

  • внутри тега
    следующий: ( неупорядоченный список )

     
    <ул>
      
    Первый элемент
      
    Второй элемент
      
    Третий элемент
    

    Пример вывода

    ---

    В HTML синтаксис тега

  • внутри тега
    : ( упорядоченный список )

     
    <ол>
      
    Первый элемент
      
    Второй элемент
      
    Третий элемент
    

    ---

    В HTML синтаксис тега

  • внутри тега:

     
    <тип меню="панель инструментов">
      
    
        <метка меню="Файл">
          Создать
          Сохранить
        
      
      
    
        <меню метка="Изменить">
          Копировать
          Вставить
        
      
    
     

    Атрибуты

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

    :

    Атрибут	Описание	HTML-совместимость
    значение	Целочисленное значение, указывающее текущее порядковое значение элемента только в списке	Устарело в HTML 4. 01, повторно введено в HTML5
    тип	Символьное значение, указывающее стиль нумерации. Это может быть любое из следующих значений: a — означает нижний регистр A — означает верхний регистр i — означает строчные римские цифры I — означает прописные римские цифры 1 — означает цифры	Устарело, используйте CSS

    Примечание

    • HTML-элемент
    • находится внутри тега.
    • Тег
    • используется внутри
      ,
      или.
      • Вы можете вкладывать списки и.

      Совместимость с браузерами

      Тег

      1. совместим со следующими браузерами:
         • Chrome
         • Андроид
         • Firefox (Геккон)
         • Firefox Mobile (Геккон)
         • Internet Explorer (IE)
         • Пограничный мобильный телефон
         • Опера
         • Опера Мобайл
         • Сафари (веб-кит)
         • Сафари Мобильный

         Пример

         Мы обсудим тег

      2. ниже, исследуя примеры использования тега
      3. в HTML5, HTML 4. 01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.
         • HTML5
         • HTML4
         • XHTML

         Документ HTML5

         Если вы создали новую веб-страницу в HTML5, ваш тег

      4. может выглядеть следующим образом:

          
         
         <голова>
         <мета-кодировка="UTF-8">
         
         
         <тело>
         <ол>
           
         Первый элемент
           
         Второй элемент
           
         Третий элемент
           
         Четвертый элемент
         

      <ул>
    • Первый элемент
    • Второй элемент
    • Третий элемент

    <ул>
    Первый элемент <ол>
    Вложенный элемент A
    Вложенный элемент B
    Вложенный элемент C
    Вложенный элемент D
• Второй элемент
• Третий элемент
• Четвертый элемент

В этом примере документа HTML5 у нас есть тег упорядоченного списка

с четырьмя элементами списка
1. . Затем у нас есть тег неупорядоченного списка
   с тремя элементами списка
   • . Наконец, мы вложили тег упорядоченного списка
     в тег неупорядоченного списка
     .

     HTML 4.01 Transitional Document

     Если вы создали новую веб-страницу в HTML 4.01 Transitional, ваш тег

     • может выглядеть следующим образом:

        
       
       <голова>
       
       
       
       <тело>
       <ол>
         
       Первый элемент
         
       Второй элемент
         
       Третий элемент
         
       Четвертый элемент
       

     <ул>
   • Первый элемент
   • Второй элемент
   • Третий элемент
   <ул>
2. Первый элемент <ол>
3. Вложенный элемент A
4. Вложенный элемент B
5. Вложенный элемент C
6. Вложенный элемент D
1. Второй элемент
2. Третий элемент
3. Четвертый элемент

В этом примере переходного документа HTML 4. 01 у нас есть тег

упорядоченного списка с четырьмя элементами списка
1. . Затем у нас есть тег неупорядоченного списка
   с тремя элементами списка
   • . Наконец, мы вложили тег упорядоченного списка
     в тег неупорядоченного списка
     .

     Документ XHTML 1.0 Transitional

     Если вы создали новую веб-страницу в XHTML 1.0 Transitional, ваш тег

     • может выглядеть следующим образом:

        
       
       <голова>
       
       
       
       <тело>
       <ол>
         
       Первый элемент
         
       Второй элемент
         
       Третий элемент
         
       Четвертый элемент
       

     <ул>
   • Первый элемент
   • Второй элемент
   • Третий элемент
   <ул>
2. Первый элемент <ол>
3. Вложенный элемент A
4. Вложенный элемент B
5. Вложенный элемент C
6. Вложенный элемент D
4. Второй элемент
5. Третий элемент
6. Четвертый элемент

В этом примере XHTML 1. 0 Transitional Document у нас есть тег

упорядоченного списка с четырьмя элементами списка
1. . Затем у нас есть тег неупорядоченного списка
   с тремя элементами списка
   • . Наконец, мы вложили тег упорядоченного списка
     в тег неупорядоченного списка
     .

     XHTML 1.0 Strict Document

     Если вы создали новую веб-страницу в XHTML 1.0 Strict, ваш тег

     • может выглядеть следующим образом:

        
       
       <голова>
       
       
       
       <тело>
       <ол>
         
       Первый элемент
         
       Второй элемент
         
       Третий элемент
         
       Четвертый элемент
       

     <ул>
   • Первый элемент
   • Второй элемент
   • Третий элемент
   <ул>
2. Первый элемент <ол>
3. Вложенный элемент A
4. Вложенный элемент B
5. Вложенный элемент C
6. Вложенный элемент D
7. Второй элемент
8. Третий элемент
9. Четвертый элемент

В этом примере XHTML 1. 0 Strict Document у нас есть тег

упорядоченного списка с четырьмя элементами списка
1. . Затем у нас есть тег неупорядоченного списка
   с тремя элементами списка
   • . Наконец, мы вложили тег упорядоченного списка
     в тег неупорядоченного списка
     .

     Документ XHTML 1.1

     Если вы создали новую веб-страницу в XHTML 1.1, ваш тег

     • может выглядеть следующим образом:

        
       
       <голова>
       
       
       
       <тело>
       <ол>
         
       Первый элемент
         
       Второй элемент
         
       Третий элемент
         
       Четвертый элемент
       

     <ул>
   • Первый элемент
   • Второй элемент
   • Третий элемент
   <ул>
2. Первый элемент <ол>
3. Вложенный элемент A
4. Вложенный элемент B
5. Вложенный элемент C
6. Вложенный элемент D
10. Второй элемент
11. Третий элемент
12. Четвертый элемент

В этом примере документа XHTML 1. 1 у нас есть тег

упорядоченного списка с четырьмя элементами списка
1. . Затем у нас есть тег неупорядоченного списка
   с тремя элементами списка
   • . Наконец, мы вложили тег упорядоченного списка
     в тег неупорядоченного списка
     .

     литий элемент

     Если вы не знаете, что такое элемент или как вы должны его использовать, я рекомендую вам прочитать руководство « Теги и атрибуты HTML », которое вы можете найти в Раздел учебных пособий по HTML .

     Содержание

     • 01Описание
     • 02Примеры
     • 03Атрибуты
       • Специальные атрибуты
       • Глобальные атрибуты
     • 04События
       • Глобальные события

     Описание

     9Элемент 0029 li представляет элемент списка, будь то упорядоченный (элемент ol ) или неупорядоченный (элемент ul ), а также команду на панели инструментов меню .

     В спецификации HTML 5 атрибут value этого элемента разрешен только в упорядоченных списках ( ol ). Его использование в неупорядоченных списках ( ul ) недопустимо.

     Атрибут типа этого элемента удален из HTML 5 из-за его презентационного характера. Авторы должны заменить его функциональность таблицами стилей.

     Примеры

     В следующем примере показана пара списков, относящихся к рецепту, где ингредиенты показаны в неупорядоченном формате ( ul ), а шаги процедуры относятся к упорядоченному списку ( ol ).

       
     Основной рецепт хлеба, чтобы начать пользоваться машиной
      
      
     Ингредиенты
      
     <ул>
       
     1 стакан теплой воды.
       
     2 ст. белый сахар
       
     1 упаковка дрожжей для хлебопечки
       
     1/4 стакана растительного масла
       
     3 стакана хлебопекарной муки
       
     1 ч.  л. соль
     

     Процедура

     <ол>
     1. Поместите воду, сахар и дрожжи в чашу хлебопечки и дайте дрожжам раствориться и вспениться в течение 10 минут.
     2. Добавьте к дрожжам масло, муку и соль.
     3. Выберите настройку "Основной" или "Белый хлеб".
     4. Нажмите "Старт".

     Ингредиенты

     • 1 стакан теплой воды
     • 2 ст. белый сахар
     • 1 упаковка дрожжей для хлебопечки
     • 1/4 стакана растительного масла
     • 3 стакана муки для хлеба
     • 1 ч.л. соль

     Процедура

     1. Поместите воду, сахар и дрожжи в чашу хлебопечки и дайте дрожжам раствориться и вспениться в течение 10 минут.
     2. Добавьте к дрожжам масло, муку и соль.
     3. Выберите настройку «Основная» или «Белый хлеб».
     4. Нажмите «Старт».

     Элемент li также может быть частью меню панели инструментов , представляющего команду, которую пользователь может выполнить или активировать.

     Функции, объявленные в следующем примере, не предназначены для работы. Этот пример предназначен только для проверки функциональности, предоставляемой браузерами для меню.

      <меню>
       
     Новый...
       
     Открыть...
       
     Сохранить
       
     Сохранить как...
     
      

     Предыдущий пример имитирует меню панели инструментов текстового редактора, предоставляя обычные команды "Создать...", "Открыть...", "Сохранить" и "Сохранить как...".

     Атрибуты

     Особые атрибуты

     значение

     Целое число, указывающее порядковый номер этого элемента в списке.

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

     Пример

      
     Список был сокращен, чтобы отображать только соответствующие главы в книге.
     
       
     Я принимаю решение
       
     Неизвестный вид китов
       
     Все на электричестве
     
      

     Список был сокращен, чтобы отображать только соответствующие главы в книге.

     3. Я формирую свое решение
     7. Неизвестный вид кита
     12. Все на электричестве

     тип

     Тип символов для использования в маркере этого предмета. Значения, которые может принимать этот атрибут, зависят от типа списка, в котором он объявлен. Для неупорядоченных списков ( ul ) три значения без учета регистра:

     • диск : закрашенный круг.
     • круг : незаполненный круг.
     • квадрат : незаполненный квадрат.

     Для упорядоченных списков ( ol ) пять значений с учетом регистра:

     • 1 : целые числа (1, 2, 3.