junior
Для чего предназначен тег em
Тег <em> — это семантический элемент для смыслового акцентирования текста, указывающий браузеру и вспомогательным технологиям, что выделенный фрагмент имеет особую важность в контексте предложения.
Отличие от визуального курсива
| Тег | Тип | Назначение |
|---|---|---|
<em> |
Семантический | Смысловое ударение (emphasis) |
<i> |
Визуальный | Курсив без семантической нагрузки (термин, иностранное слово) |
<strong> |
Семантический | Сильная важность (отображается жирным) |
<b> |
Визуальный | Жирный шрифт без семантической нагрузки |
Пример
Пример
<!-- Смысловое ударение — экранная читалка изменит интонацию -->
<p>Вы <em>должны</em> закрыть соединение с базой данных.</p>
<!-- Визуальный курсив — для терминов, без изменения интонации -->
<p>Паттерн <i>Singleton</i> гарантирует единственный экземпляр.</p>
Вложенный em
Вложенные теги <em> усиливают акцент:
Пример
<p>Это <em>очень <em>важно</em></em>.</p>
На собеседовании:
<em>— семантическое выделение (акцент), отображается курсивом. Отличается от<i>, который просто визуальный курсив. Экранные читалки интерпретируют<em>как изменение интонации, а<i>— нет.