24.13.2. Вложенные неупорядоченные списки

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

Пример 24.19. Код вложенных неупорядоченных списков

<ul>
 <li>Элемент списка 1</li>
 <li>Элемент списка 2
  <ul>
   <li>Элемент списка 2a</li>
   <li>Элемент списка 2b
    <ul>
     <li>Элемент списка 2b1</li>
     <li>Элемент списка 2b2</li>
    </ul>
   </li>
  </ul>
 </li>
 <li>Элемент списка 3</li>
</ul> 

Пример 24.20. Вывод в браузере вложенных неупорядоченных списков

· Элемент списка 1
· Элемент списка 2 
 · Элемент списка 2a
 · Элемент списка 2b 
  · Элемент списка 2b1
  · Элемент списка 2b2
· Элемент списка 3 

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