Тег <mark> HTML выделение текста, подсветка фона

Рейтинг: 3 из 5, голосов 45
+++--

Тег <mark> используется для выделения фрагмента текста (обычно с помощью подсветки фона).

Используйте тег <mark>, если вы хотите выделить участок текста аналогично выделению текста в тетради маркером.

В зависимости от браузера тег <mark> может иметь разные стили отображения. В некоторых браузерах тег <mark> не имеет стилей по умолчанию, поэтому лучше указывать стиль выделения вручную через CSS свойства.

Выделять часть текста также можно другими способами. Для выделения важных фрагментов (жирным шрифтом) используйте тег <strong>; для выделения по смыслу (курсивом) - тег <em>.

Все виды выделения текста описаны в статье: Теги форматирование текста в HTML.

Синтаксис

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

Отображение в браузере

Кто ценит свое время, тот читает справочник GuruWeba ;-)

Пример использования <mark> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Выделение текста маркером mark</title>
</head>
<body>
<p>Кто ценит свое время, тот <mark>читает справочник GuruWeba</mark> ;-).</p>
</body>
</html>

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

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<mark> Да 9+ Да Да Да
Оцените, насколько полезна эта страница
+++--
Комментарии
20 июля 2019 г.
Андрей
Спасибо
Ответить
07 сентября 2019 г.
Movsar
Не за что
Ответить
19 ноября 2020 г.
максим
у меня не получается.
Ответить
20 ноября 2020 г.
Lebedev
Максим, если текст, выделенный тегом <mark>, не подсвечивается у вас по умолчанию, попробуйте добавить CSS-стили подсветки к тегу вручную.
Ответить
24 декабря 2022 г.
можно изменить цвет маркера?
Ответить
29 декабря 2022 г.
Lebedev
Да. Цвет маркера можно задать с помощью CSS свойства "background-color".

Например:
mark {
background-color: yellow;
}
Ответить
24 декабря 2022 г.
Андрей
Можно изменить текст у маркера?
Ответить
29 декабря 2022 г.
Lebedev
Андрей, изменить текст маркера можно поменяв содержимое тега "mark".
Ответить
Оставьте комментарий

Выберите правильный ответ
14 + 5 =
Отправляя форму, я даю согласие на обработку персональных данных.