HTML-тег <mark>
Тег <mark> выделяет фрагмент текста, имеющий отношение к текущему контексту. Описание и примеры.
Тег <mark> — элемент HTML5. Он
помечает часть текста как релевантную: подсветка совпадений в поиске, новый фрагмент,
акцент на важном фрагменте.
В Chrome и Firefox фон по умолчанию жёлтый; его можно сменить через свойство CSS background-color.
success
У
<mark>нет структурной семантики «важности», но передаётся релевантность для AT. Для смысловой важности используйте <strong> или <em>.
success
Не используйте
<mark>для подсветки синтаксиса кода — для этого лучше <span> и CSS.
Синтаксис
Парный тег: текст между <mark> и </mark>.
Пример:
HTML-тег <mark>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Learn HyperText markup language (HTML) on <mark>W3Docs.com</mark> website.</p>
</body>
</html>Результат
Тег <mark> и другие элементы
<strong>
Очень важный текст (ошибка, предупреждение) — обычно жирный.
<b>
Визуально жирный без акцента на важности.
<em>
Логическое ударение — обычно курсив.
Атрибуты
Поддерживаются глобальные атрибуты и атрибуты событий.
Стилизация <mark>
mark {
background-color: #ffeb3b;
color: #333;
}Practice
Для чего нужен HTML-тег <mark>?