<mark>
- 25 января 2023
Что делает тег
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Глобальные атрибуты HTML
Список основных атрибутов, которые подойдут ко всему.
- 29 марта 2023
Как добавить раздел на страницу. Тег <div>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Список описаний. Тег <dl>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Пункт выпадающего списка. Тег <option>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023
Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023