<em> - HTML-тег для акцентування уваги

HTML-елемент <em> використовується для виділення тексту, на якому потрібно зробити наголос (акцент).

«Наголос», про який йде мова, є лінгвістичним. Якщо його вимовити, то цей наголос буде наголошуватися на вимові слова, яке може змінити нюанс речення. Наприклад, «Зателефонуйте лікарю зараз!» підкреслює важливість виклику лікаря, можливо, у відповідь на запитання «Чи варто мені викликати медсестру?». Натомість, «Зателефонуйте лікарю зараз!» підкреслює важливість негайного виклику.

Елементи <em> можуть бути вкладеними один в одного, причому кожен рівень вкладеності вказує на більший ступінь наголосу.

Тег em приклад використання в HTML
HTML
<em>...</em>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту

Потоковий контент, фразовий контент, відчутний контент.

Дозволений вміст

Фразовий контент.

Пропуск тегів

Жоден, початковий та кінцевий теги є обов’язковими.

Дозволені батьківські елементи

Будь-який елемент, що приймає фразовий контент.

Роль ARIA

emphasis

DOM інтерфейс

HTMLElement

Приклади використання

Результат
<!-- Ці приклади показують, як зміна наголосу змінює значення. -->
<!-- Спочатку загальне твердження факту без наголосу: -->
<p>Котики є милі тваринки.</p>
<!-- Наголошуючи на першому слові, твердження має на увазі, що йдеться про конкретний вид тварини: -->
<!--(можливо, хтось стверджує, що собаки милі) -->
<p><em>Котики</em> є милі тваринки.</p>
<!-- Переносячи наголос на дієслово, підкреслюється, що під питанням істинність усього речення: -->
<!-- (можливо, хтось каже, що коти не милі): -->
<p>Котики <em>є</em> милі тваринки.</p>
<!-- Переміщуючи його до прикметника, підтверджується точна природа котів: -->
<!-- (можливо, хтось припустив, що коти — неприємні тварини) -->
<p>Котики є <em>милі</em> тваринки.</p>
<!-- Якби хтось стверджував, що коти — це овочі, він, міг би наголосити на останньому слові: -->
<p>Котики є милі <em>тваринки</em>.</p>
<!-- Гнів, поєднаний з підкресленням милості, може призвести до такої розмітки: -->
<p><em>Котики є <em>милі</em> тваринки.</em></p>

Стилі за замовчуванням

CSS
em {
  font-style: italic;
}

Підтримка браузерів

<em>

Останнє оновлення: