HTML тег - mark - определение и примеры использования
Меню
Веб-разработка
Тег mark HTML

HTML - тег <mark> определяет текст, который следует подсветить или выделить.


Тег <mark> - синтаксис и код

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

Пример выделения части текста:

<p>Не забудьте купить <mark>хлеб</mark> сегодня.</p>

Не забудьте купить хлеб сегодня.


Определение и использование

  • Тег <mark> — один из элементов HTML5. Он отмечает часть релевантного текста;
  • Его можно использовать для выделения части текста, акцента, выделения условий поиска в результатах поиска для обеспечения контекста или отмечать новый контент, добавленный пользователем.

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

HTML - тег <mark> можно использовать для обозначения определенной части контента, соответствующей текущей активности пользователя, например, для указания слов, соответствующих операции поиска.

Рекомендация: никогда не используйте тег <mark> для подсветки синтаксиса. Для этого вы можете использовать HTML тег <span> с соответствующими свойствами CSS.
Примечание: браузеры отмечают содержимое тега желтым цветом, но его можно изменить с помощью свойства CSS background-color.

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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

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

Тег <mark> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <mark> также поддерживает атрибуты событий в HTML


Связанные страницы

Руководство по HTML: форматирование HTML текста


Настройки CSS по умолчанию

Большинство браузеров отображают элемент mark со следующими значениями по умолчанию:

mark {
  background-color: yellow;
  color: black;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой