Вкладки (Tabs)

Вкладки – это один из способов группировки контента. Но они также используются для навигации, поэтому их описание находится в разделе Навигация.

Секции

Секции используются для группировки одинакового контента в пределах одной страницы. Каждая секция может иметь или не иметь заголовок, которые описывает ее содержимое. Использование секций также рекомендуется, когда вкладки на странице уже используются, и необходима дальнейшая группировка контента в пределах одной вкладки.

Секции с заголовками

Нередактируемый заголовок

Если на странице несколько секций, используйте секции с нередактируемыми заголовками.

  • Заголовок должен ясно сообщать, какая информация содержится в секции.
  • Составляйте надписи заголовков из 1-2 слов.
  • Помещайте поля ввода и элементы управления, относящиеся к одной и той же теме, в одну и ту же секцию. Например, если вы редактируете информацию о домене, вы можете создать одну группу информации о самом домене, другую – о его администраторе.

image-01-form

Редактируемый заголовок

Если вы хотите дать пользователям возможность добавлять новые секции или дополнять секции их собственными полями и элементами управления, правильным выбором будет использование секций с редактируемыми заголовками.

image-02-editheader1

image-03-editheader2

Секции без заголовков

Если на странице содержится только одна секция, использовать заголовок для этой секции необязательно.

Пример: Секция, содержащая информацию о статусе для карточки экземпляра WordPress.

image-04-card

Сворачиваемые секции

Секции, которые содержат дополнительные и менее важные поля, могут быть реализованы как сворачиваемые, чтобы сэкономить место на экране.

Пример: Секции свернуты.

image-05-collapsed

Пример: Секции развернуты.

image-06-expanded

Дополнительное значение

У каждой секции может быть свое дополнительное значение, в зависимости от ситуации. Например, в случае, когда вся форма зависит от корректности настроек конкретной секции.

image-07-intent