Вложенность секций - Наполняем сайт. Секции страницы

Вложенность секций

Рассмотрим вложенность секций на примере этой страницы.

Как видно из диаграммы, элемент модели Вложенность секций имеет навигационную роль и отражается в левой вертикальной навигационной панели. В нем установлена настройка Section Style = Default. Поэтому, если его дочерним элементам присвоить роль = Section, то на странице сформируются три параграфа.




Параграф 1

В первом параграфе будет две дочерние секции со стилем Tab . Из них сформируются две вкладки, между которыми можно будет переключаться и видеть их содержимое.

Сейчас вы смотрите на секцию, сформированную элементом “Вкладка 1”



А сейчас вы смотрите на секцию, сфомированную элементом “Вкладка 2”. У этого элемента так же есть дочерние секции - карточка 1 и карточка 2.


Карточка 1

Карточка 2


Параграф 2

В элементе Параграф 2 установлена настройка Section Style = Card. Поэтому его дочение секции формируются в виде карточек.

Это те же самые секции, которые содержатся во второй вкладке предыдущего параграфа.

Карточка 1

Карточка 2


Параграф 3

В элементе Параграф 3 установлена настройка Section Style = Table. Поэтому его дочерние секции формируются как строки двухколоночной таблицы.

Строка таблицы 1

Строка таблицы 1

Строка таблицы 2

Строка таблицы 2