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

Синтаксис тега <em>

<em>Текст, который нужно выделить</em> 

Спецификация HTML

Тег <em> является частью спецификации HTML Living Standard.

Семантический или нет

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

Примеры использования

Выделение слова, чтобы показать, что оно имеет особый смысл в контексте предложения:

<p>Эта идея, <em>безусловно</em>, поможет нам решить проблему.</p>

Выделение слова, чтобы подчеркнуть, что данное уведомление требует особого внимания:

<p>Это <em>важное</em> уведомление. </p>

Выделение слова, чтобы показать, что автор хочет выразить своё удивление или восхищение новым продуктом:

<p>Их новый продукт будет <em>невероятно</em> популярен.</p>

Выделение слов, чтобы указать на необходимость выполнения действия:

<p><em>Очень важно</em>, чтобы вы следили за своим здоровьем.</p>

Атрибуты тега <em>

Тег <em> не имеет специфических атрибутов.

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

Тег поддерживает все глобальные атрибуты HTML.

Ограничения тега

Тег <em> не имеет особых ограничений.

Нюансы

  • Используйте тег <em> только для выделения текста с особой интонацией. Не используйте его для выделения текста, который должен быть прочитан громко или в рамках определенного контекста, для этого лучше использовать тег <strong>.
  • Стили, заданные для тега <em>, могут отличаться в разных браузерах и на разных устройствах.

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

Тег <em> поддерживается всеми современными браузерами. Актуальная информация — на сaniuse.

Альтернативные теги

Тег <em> является частью группы тегов для выделения текста. Если он не подходит, то можно воспользоваться другими тегами, такими как <strong> для выделения особо важного текста или <i> для выделения текста курсивом.

Чем заменить этот тег

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

Актуальность

Тег <em> является актуальным и не устарел.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<ul>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

Справочник
  • 25 января 2023