Вебсправочник
Справочник HTML

Тег <em>: смысловое ударение

Как выделять слова, меняющие интонацию, и когда курсив лучше задать через CSS.

Зачем нужен этот элемент

em обозначает смысловое ударение. Перестановка выделения может менять оттенок предложения: «я сделал это сегодня» и «я сделал это сегодня» с акцентом на разных словах отвечают на разные вопросы. Элемент нужен для смысла, а не просто для наклонных букв.

Курсив — привычное браузерное оформление em, но не его обязательная визуальная форма. Для термина, названия или декоративного текста выбирайте подходящую семантику и CSS. Не рассчитывайте, что любой экранный диктор обязательно озвучит выделение: важный смысл должен оставаться явным.

Синтаксис и пример

<p>Сначала проверьте <em>этот</em> файл, а затем загружайте остальные.</p>

Что важно в разметке

Параметр Как использовать
Смысл Ударение на части фразы.
font-style Управляет наклоном независимо от HTML-смысла.
Вложенность Допускается для усиления, но редко нужна в обычной статье.

Частая ошибка

Не оформляйте весь материал через em ради курсива. Постоянный акцент перестаёт отделять значимое от обычного текста и может ухудшать чтение.

Небольшая практика

В примере перенесите em со слова «этот» на «сначала». Объясните, как изменился смысл. Если смысл не меняется, возможно, нужно только оформление.

Разберите также <strong>, <span>: эти элементы пригодятся в том же интерфейсе.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.