Тег <em>

Описание

Тег <em> (от англ. "emphasis") используется для семантического выделения важных фрагментов текста. По умолчанию браузеры отображают содержимое курсивом, но это можно изменить через CSS.

Акцент в предложении:
<p> Это <em>очень важно</em> для понимания материала. </p>
Вложенное выделение:
<p> <em>Срочно: сервер будет отключен <strong>сегодня в 18:00</strong></em>. </p>

Ключевые особенности:

  • Семантический тег (изменяет смысловое ударение)
  • По умолчанию отображается курсивом
  • Может вкладываться и комбинироваться с другими тегами
  • Важен для доступности (скринридеры меняют интонацию)
  • Отличается от <i> (чисто визуальное выделение)

Рекомендации по использованию:

  • Используйте для смыслового выделения, а не просто курсива
  • Избегайте избыточного выделения (только ключевые моменты)
  • Для иностранных слов используйте <i>
  • Для сильного акцента комбинируйте с <strong>

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

Атрибуты

class Задает один или несколько классов CSS для стилизации элемента
contenteditable Указывает, может ли пользователь редактировать содержимое элемента
data-* Используется для хранения пользовательских данных в элементах
dir Определяет направление текста: слева направо (ltr) или справа налево (rtl)
hidden Скрывает элемент, делая его невидимым и недоступным для пользователя
id Уникальный идентификатор элемента в документе
lang Определяет язык содержимого элемента
spellcheck Указывает, должна ли проверяться орфография в содержимом элемента
style Позволяет задавать CSS-стили непосредственно в атрибуте элемента
title Задает всплывающую подсказку при наведении на элемент
translate Указывает, должен ли переводиться текст внутри элемента

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