Тег <em>

Синтаксис

<em>...</em>

Описание

Тег <em> (от англ. emphasis — акцент) выделяет важный фрагмент текста, на который стоит обратить внимание пользователям и поисковым машинам.

Браузеры отображают текст внутри тега курсивным начертанием.

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

Такое разделение тегов на логическое и физическое форматирование изначально предназначалось, чтобы сделать HTML-документ универсальным, в том числе не зависящим от устройства вывода информации. Однако получилось так, что в браузерах результат использования этих тегов равнозначен.

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

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег em</title>
</head>
<body>
    <p>Сам по себе тег "em" не является устаревшим, но <em>лучше использовать CSS стили</em>.</p>
</body>
</html>

Отображение в браузере:

Сам по себе тег "em" не является устаревшим, но лучше использовать CSS стили.

Параметры CSS по умолчанию

em {
    font-style: italic;
}

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<em> Да Да Да Да Да