1 подписчик
🤓 "Создание Веб-сайта:"
Как я уже говорил, бывают случаи, когда мы не можем сгруппировать элементы на странице, используя семантические теги. В этом случае мы используем тег div.
Чтобы сделать данный тег доступным, мы используем атрибут role="..."
<div role=" ">
</div>
Другими словами, мы присваиваем нашей группе какую-то роль.
—❓А какие роли бывают? 🤷♂ —
<div role="banner"></div> <!-- Заголовок страницы / баннер -->
<div role="img"></div> <!-- Группировка изображений -->
<div role="comment"></div> <!-- Обозначение комментария -->
<div role="contentinfo"></div> <!-- Обозначение таких данных, как номер телефона / адрес -->
<div role="alert"></div> <!-- Сообщает о том, что контент внутри группы может измениться -->
<div role="navigation"></div> <!-- Указывает на секцию навигации со списком ссылок -->
<div role="complementary"></div> <!-- Определяет дополнительный раздел, который может функционировать независимо -->
<div role="button"></div> <!-- Интерактивный элемент, предназначенный для нажатия -->
Вот такие роли мы можем присваивать тегам группировки для усиления их семантики
Около минуты
29 февраля 2024