Тег <em>

Описание

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

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

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

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

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

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

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

Атрибуты

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

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