<em> HTML-элемент выделения

Элемент <em> HTML помечает текст, на который падает смысловое ударение. Элемент <em> можно вкладывать друг в друга: каждый уровень вложенности указывает на более сильное ударение.

Попробуйте

<p>Get out of bed <em>now</em>!</p>

<p>We <em>had</em> to do something about it.</p>

<p>This is <em>not</em> a drill!</p>

em {
  /* Add your styles here */
}

Атрибуты

Этот элемент включает только глобальные атрибуты.

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

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

Как правило, этот элемент отображается курсивом. Однако его не следует использовать для применения курсива; для этого предназначено CSS-свойство font-style. Используйте элемент <cite>, чтобы обозначить название произведения (книги, пьесы, песни и т. д.). Используйте элемент <i>, чтобы обозначить текст с иным тоном или настроением, что применимо во многих распространённых случаях использования курсива, например для научных названий или слов на других языках. Используйте элемент <strong>, чтобы обозначить текст, имеющий большую значимость, чем окружающий его текст.

<i> и <em>

Некоторые разработчики могут недоумевать, почему несколько элементов, по-видимому, дают похожий визуальный результат. <em> и <i> — распространённый пример: оба элемента выделяют текст курсивом. В чём же разница? Какой из них следует использовать?

По умолчанию визуальный результат одинаков. Однако семантическое значение у элементов разное. Элемент <em> обозначает смысловое ударение на содержащемся в нём тексте, тогда как элемент <i> обозначает текст, отделённый от обычного повествования, например иностранное слово, мысли вымышленного персонажа или текст, указывающий на определение слова, а не передающий его семантическое значение. (Для названия произведения, например книги или фильма, следует использовать <cite>.)

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

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

<p>Just <em>do</em> it already!</p>
<p>We <em>had</em> to do something about it.</p>

Человек или программа, читающие текст, произнесут выделенные курсивом слова с ударением.

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

<p>The word <i>the</i> is an article.</p>
<p>The <i>Queen Mary</i> sailed last night.</p>

В этом случае слово «Queen Mary» не выделено дополнительным ударением или не имеет особой значимости. Просто указано, что речь идёт не о королеве по имени Мэри, а о корабле под названием «Queen Mary».

Примеры

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

<p>
  Ice cream is made with milk, sweetener, and cream. Frozen custard, on the
  other hand, is made of milk, cream, sweetener, and <em>egg yolks</em>.
</p>

Результат

Техническая сводка

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

Совместимость с браузерами

См. также

• <i>