Варіант 2 правильний: вкладене <ul>
- це дитина, до <li>
якої належить.
Якщо ви підтверджуєте , варіант 1 з'являється як помилка в html 5 - аватар : user3272456
Правильно: <ul>
як дитина<li>
Правильний спосіб скласти список вкладених HTML - це вкладене <ul>
як дочірнє ті, <li>
до яких він належить. Вкладений список повинен знаходитися всередині <li>
елемента списку, в якому він вкладений.
<ul>
<li>Parent/Item
<ul>
<li>Child/Subitem
</li>
</ul>
</li>
</ul>
Стандарт W3C для вкладень
Елемент списку може містити ще один цілий список - це відомо як "вкладення" списку. Це корисно для таких речей, як зміст, наприклад, на початку цієї статті:
- Глава перша
- Розділ перший
- Розділ другий
- Розділ третій
- Глава друга
- Глава третя
Ключ до вкладення списків - пам’ятати, що вкладений список повинен стосуватися одного конкретного елемента списку. Щоб відобразити це в коді, вкладений список міститься всередині цього елемента списку. Код списку вище виглядає приблизно так:
<ol>
<li>Chapter One
<ol>
<li>Section One</li>
<li>Section Two </li>
<li>Section Three </li>
</ol>
</li>
<li>Chapter Two</li>
<li>Chapter Three </li>
</ol>
Зверніть увагу на те, як починається вкладений список після <li>
і тексту елемента, що містить список ("Глава перша"); потім закінчується перед </li>
елементом, що містить список. Вкладені списки часто складають основу для навігаційних меню веб-сайтів, оскільки вони є хорошим способом визначення ієрархічної структури веб-сайту.
Теоретично ви можете вкладати стільки списків, скільки вам подобається, хоча на практиці це може занадто глибоко переплутати списки гнізд. У дуже великих списках вам може бути краще розділити вміст на декілька списків із заголовками, або навіть розділити його на окремі сторінки.