<mark>

Выделяет фрагмент текста «маркером».

Время чтения: меньше 5 мин

Кратко

Скопировано

Тег <mark> выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют <mark> жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером.

Как пишется

Скопировано
        
          
          <p>  Мы можем предложить вам на выбор  преимущественно <mark>чёрных</mark>,  <mark>белых</mark> или <mark>серых</mark>  котов. Также обратите внимание  на <mark>черепаховую</mark> кошку,  которую сложно определить  в одну из этих категорий.</p>
          <p>
  Мы можем предложить вам на выбор
  преимущественно <mark>чёрных</mark>,
  <mark>белых</mark> или <mark>серых</mark>
  котов. Также обратите внимание
  на <mark>черепаховую</mark> кошку,
  которую сложно определить
  в одну из этих категорий.
</p>

        
        
          
        
      
Открыть демо в новой вкладке

В этом примере при помощи <mark> выделены все прилагательные.

Как понять

Скопировано

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

В цитатах <mark> помогает подсветить то, на что автор основного текста хочет обратить внимание.

Пример

Скопировано

Можно реализовать текстовый поиск, выделяя цветом найденные фрагменты.

Открыть демо в новой вкладке