Тег <mark>

IE
9.0+
Chrome
6.0+
Opera
10.6+
Safari
4.0+
Firefox
4.0+
Android
2.1+
iOS
3.0+

Тег <mark> помечает текст как выделенный. Такой текст ничем не отличается от обычного, но его вид может быть изменен с помощью стилей. В браузере Chrome и Firefox фоновый цвет текста внутри <mark> выделяется желтым цветом.

Закрывающий тег обязателен.

<mark>текст</mark>

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег mark</title>
  <style>
   mark {
    background: #f8f8f8;
    padding: 0 2px;
    border: 1px solid #cccccc;
   }
  </style>
 </head>
 <body>
  <article>
    Верстая страницу, необходимо 
    <mark>особенно тщательно</mark> 
    соблюдать HTML стандарты.
  </article>
 </body>
</html>

Результат примера показан на рисунке ниже:

Использование тега mark

Браузеры

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

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.

Категория: HTML5, Текст