| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Завдання
Зробити один маркірований список, що знаходиться всередині іншого.
Рішення
Вкладені списки призначені для організації складної ієрархічної структури тексту, зазвичай таких документів, як юридичні або технічні. Також вкладені списки використовуються для створення багаторівневих меню і навігації по сайту. Щоб зробити таку структуру спочатку складається список за допомогою тега <ul>, а вкладений список вставляється всередину одного з тегів <li>, як показано в прикладі 1.
Приклад 1. Вкладений список
HTML5IECrOpSaFx
<!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>
Браузери самостійно змінюють вид маркерів вкладеного списку, щоб вони різнилися від батьківського списку. Винятком є Opera, в якій маркери не змінюються.