HTML-тег <mark>

Характеристики

• Тип: строчный, статичный, семантический
• Назначение: Используется для выделения текста, который помечен или выделен по какой-либо причине.
• Родители: Любые HTML-теги, которые могут содержать строчные элементы.
• Потомки: Текст и другие строчные элементы.
• Глобальные атрибуты: все
• Атрибуты событий: все

Пример использования

<p>Это пример <mark>выделенного</mark> текста.</p>

Использование в JavaScript

// Получение элемента <mark>
const markElement = document.querySelector('mark');

// Добавление класса
markElement.classList.add('highlight');

// Изменение стиля
markElement.style.backgroundColor = 'yellow';

Рекомендации по обеспечению доступности (a11y)

• Используйте <mark> для выделения текста, который актуален в данном контексте.
• Не злоупотребляйте использованием <mark>, чтобы не перегрузить пользователя излишним выделением.

Полезные ссылки