Как написать многоуровневые маркеры W3C в HTML?
Возможно ли записать HTML-код с несколькими уровнями W3C (неупорядоченный список) в формате HTML?
Вложенная ul может использоваться, но не совместима с W3C.
<ul>
<li>myItem 1</li>
<li>myItem 2</li>
<ul>
<li>myItem 2a</li>
</ul>
<li>myItem 3</li>
<li>myItem 4</li>
</ul>
-
- myItem 1
- myItem 2
- myItem 3
- myItem 4
В Visual Studio приведенный выше код дает предупреждение: Validation (XHTML 1.0 Transitional): Элемент 'ul' не может быть вложен в элемент 'ul'
Ответы
Ответ 1
Единственным допустимым дочерним элементом либо ul
, либо ol
является элемент li
; a li
может, однако, содержать ul
(или ol
). Для достижения вашей цели:
<ul>
<li>myItem 1</li>
<li>myItem 2</li>
<li style="list-style-type:none">
<ul>
<li>myItem 2a</li>
</ul>
</li>
<li>myItem 3</li>
<li>myItem 4</li>
</ul>
Ответ 2
В дополнение к ответу Дэвида Томаса это устранит нежелательную пулю:
<ul>
<li>myItem 1</li>
<li>myItem 2
<ul>
<li>myItem 2a</li>
</ul>
</li>
<li>myItem 3</li>
<li>myItem 4</li>
</ul>