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