<mark>

Что делает тег

Тег <mark> используется для выделения или разметки текста в HTML-документе.

Синтаксис тега <mark>

<mark>Выделенный текст</mark>

Спецификация HTML

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег <mark> считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.

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

Выделение ключевого слова в статье:

<p>Спецификация <mark>HTML</mark> определяет структуру и расположение веб-страницы.</p>

Указание на неправильно написанное слово:

<p>Правильное писать «<mark>лестница</mark>», а не «лесница».</p>

Для чего использовать тег <mark>

• Выделить важный текст в статье.
• Указать на орфографические или грамматические ошибки.
• Привлечь внимание к конкретной информации на странице, например, к дате или времени.

Атрибуты тега <mark>

У тега нет специфических атрибутов.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Ограничения

Тег <mark> не стоит использовать для стилизации. Он предназначен только для выделения слова или фрагмента текста.

Нюансы

Если текст внутри <mark> содержит другие HTML-теги, они будут отображаться как текст, а не как HTML.

Поддержка браузерами

Тег поддерживается всеми современными браузерами. Актуальная информация — на caniuse.

Альтернативные теги

Если вам нужно выделить текст в документе, но вы не хотите использовать <mark>, воспользуйтесь тегом <span> с классом или инлайн-стилем.

Чем заменить тег

Чтобы выделить текст, можете воспользоваться CSS-свойством background-color.

Актуальность

Тег <mark> не устарел, можете использовать его в веб-разработке.

Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.