HTML-тег <em>
Тег <em> указывает на текст, который должен иметь смысловое ударение. Браузеры отображают текст внутри этого тега курсивом.
Тег <em> является элементом логической разметки. В отличие от него, тег <i> также отображает текст курсивом, но служит другой семантической цели: он обозначает текст, произносимый другим голосом или в ином настроении, например, технические термины или иностранные фразы.
TIP
Тег <em> не устарел, однако с помощью свойства CSS font-style можно добиться более выразительных эффектов.
Тег <em> относится к тегам фразовой разметки, что указывает на то, что данный фрагмент текста имеет структурное значение.
Синтаксис
Тег <em> используется парами. Содержимое размещается между открывающим (<em>) и закрывающим (</em>) тегами.
Пример использования HTML-тега <em>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>It is a normal paragraph</p>
<p>The important part of the text is <em>shown in italic</em>.</p>
</body>
</html>Результат
Различия между тегами <em> и <i>
Теги <em> и <i> часто путают, поскольку по умолчанию оба отображают текст курсивом. Однако их семантическое значение различается. Тег <em> указывает на смысловое ударение, тогда как тег <i> обозначает текст, произносимый другим голосом или в ином настроении, например, технические термины, иностранные фразы или таксономические названия.
Атрибуты
Тег <em> поддерживает глобальные атрибуты и атрибуты событий.
Как стилизовать HTML-тег <em>
<style>
em {
font-style: italic;
color: #333;
}
</style>
<p>This is <em>important</em> text.</p>Практика
Какова функция HTML-тега <em>?