HTML/attributes/role

Материал из Энциклопедия о программировании
Перейти к: навигация, поиск

role — HTML-атрибут для семантических тегов, которых появилось большое множество в HTML5.

Роль

Атрибут role, позволяет наиболее четко указать назначение блока/элемента страницы при взаимодействии пользователя с сайтом. Более того, атрибут role с соответствующими значениями используется программами экранного доступа через речевой или тактильный вывод информации, то есть он задается не только для семантических элементов.

Обязательность

Данный атрибут — необязательный и по большей части формальный.

Появление

Атрибут role появился в HTML пятой версии.

Значения

Основные и наиболее часто используемые значения role:

  • banner — содержит главный заголовок или внутренний заголовок страницы. Например логотип и название сайта. Рекомендуется использовать не больше одного раза на странице.
  • complementary — информационный блок, отделенный от основного содержания ресурса.
  • contentinfo — обобщающая информация о содержании страницы (к примеру футер сайта). Рекомендуется использовать не больше одного раза на странице.
  • definition — указывает определение термина или понятия.
  • main — выступает в качестве основного содержания документа. Рекомендуется использовать не больше одного раза на странице.
  • navigation — набор элементов предназначенных для навигации по документу или связанным документам. Рекомендуется использовать не больше одного раза на странице.
  • note — заметка (вспомогательная информация) к основному содержанию ресурса.
  • search — указывает область для поиска по содержимому.

Ссылки