Как сделать вложенный список?

Вложенные списки предназначены для организации сложной иерархической структуры текста, обычно юридических или технических документов. Также вложенные списки используются при создании многоуровневых меню и навигации по сайту. Чтобы сделать такую структуру вначале создаётся список с помощью <ul>, а вложенный список вставляется внутрь одного из элементов <li>, как показано в примере 1. Обратите внимание, что <li> закрывается после вложенного <ul>.

Пример 1. Вложенный список

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Список</title> </head> <body> <ul> <li>Русская кухня <ul> <li>Уха бурлацкая</li> <li>Бабушкина тюря</li> <li>Растегай</li> </ul> </li> <li>Украинская кухня</li> <li>Молдавская кухня</li> <li>Кавказская кухня</li> <li>Прибалтийская кухня</li> </ul> </body> </html>

Браузеры самостоятельно меняют вид маркеров вложенного списка, чтобы они различались от родительского списка (рис. 1).

Вид вложенного списка

Рис. 1. Вид вложенного списка

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 18.09.2018
Редакторы: Влад Мержевич