Основний вміст

  • <body>

Тег <mark>

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
9.0+6.0+10.6+4.0+4.0+2.1+3.0+

Опис

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

Синтаксис

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

Атрибути

Немає.

Закривальний тег

Обов'язковий.

Приклад

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>mark</title>
  <style>
   mark {
    background: #ffec82;
    padding: 0 3px;
    border: 1px dashed #333;
   }
  </style>
 </head>
 <body>
  <header>
    <h1>Следи невиданих звірів</h1>
  </header>
  <article>
    Історія про те, як біля їдальні з'явилися загадкові рожеві
    сліди з <mark>шістьма пальцями</mark>, і чому це сталося.
  </article>
 </body>
</html>

Результат прикладу показаний на рис. 1.

Рис. 1. Використання тега <mark>

Браузери

Internet Explorer до версії 8.0 включно ігнорує тег <mark>, але відображає його зміст. Також у цьому браузері будь-які стилі не застосовуються до селектора MARK.

Firefox повністю підтримує цей тег починаючи з версії 4.0, але версії 3.0 і старші також правильно відображають вміст тега.

HTML5Текст

Часті запитання

  • Q: Як використовувати тег <mark> в HTML?

    A: Тег <mark> використовується для виділення тексту як важливого або релевантного у контексті.

  • Q: Як стилізувати тег <mark> за допомогою CSS?

    A: Тег <mark> можна стилізувати за допомогою CSS встановленням стилів, таких як колір фону, колір тексту тощо.

  • Q: Як зробити текст, який обведений тегом <mark>, збільшеного розміру?

    A: Для збільшення розміру тексту, який обведений тегом <mark>, можна використати CSS властивість font-size.

  • Q: Чи підтримує тег <mark> атрибути, такі як class або id?

    A: Тег <mark> не підтримує атрибути, які вказують на клас або ідентифікатор для стилізації через CSS.

  • Q: Як видалити виділення тексту, яке було застосоване за допомогою тегу <mark>?

    A: Для видалення виділення тексту, яке було застосоване за допомогою тегу <mark>, необхідно видалити або замінити тег <mark> на текст без виділення.