Тег mark - это настоящий супергерой разметки, который мгновенно подчёркивает слово, которое сейчас волнует пользователя. Представьте, как он ярко выделяет искомое в тексте, будто светит маяком!
В отличие от тегов или , у нет логической нагрузки, но он всё равно более семантически значим, чем обычный . Его цель - привлечь внимание к тому, что именно сейчас важно для читателя.
Ниже несколько ярких примеров, где приносит реальную пользу:
- Показ результатов поиска – когда пользователь вводит запрос, можно выделить фрагмент текста, точно совпадающий с его поисковыми данными. Это помогает посетителям быстро ориентироваться и находить нужную информацию.
- Отметка новых элементов в списке - если ваш список постоянно обновляется, подчеркните только свежие добавления, чтобы постоянные пользователи сразу заметили новинки.
- Выделение текущей даты в календаре - в веб-календарях удобно использовать , чтобы подсветить сегодняшний день и не потеряться во времени.
Примечание: Сам по себе текст внутри выглядит как обычный, но большинство браузеров подчёркивают его желтым цветом. Чтобы изменить внешний вид, просто добавьте стили в CSS.
АтрибутыТег поддерживает стандартные атрибуты: class, id, style и другие.
Пример<p>Не забудь купить <mark>молока</mark> сегодня.</p>