HTML тег <em>
Поддержка браузерами
Описание
HTML тег <em>
(emphasized) предназначен для выделения текста на который стоит обратить внимание. Браузеры отображают такой текст курсивным начертанием.
Следует отметить, что теги <em>
и <i>
одинаково отображают текст - курсивным начертанием, но несмотря на сходство результата, они являются не совсем эквивалентными и взаимозаменяемыми. Элемент <em>
не предназначен именно для обозначения текста в виде курсивного начертания, он является тегом логической разметки и выделяет текст на который стоит акцентировать внимание. Есть случаи, когда текст нужно выделить визуально из остальной части содержимого, обозначая этим например какой-нибудь технический термин, различное качество текста, идиоматические фразы и т.д., для этого больше подходит элемент <i> - он является тегом физической (визуальной) разметки и устанавливает курсивный текст.
Элемент <em>
также не предназначен для выражения значительной важности; для этой цели более целесообразно использовать элемент <strong>.
Атрибуты
Тег <em>
поддерживает Глобальные атрибуты и События
Стиль по умолчанию
em { font-style: italic; }
Пример
<!-- Этот пример показывает, изменение акцента внимания в тексте. Общая фраза без акцента на что либо: --> <p>Кошки это милые животные.</p> <!-- Та же самая фраза, но уже с акцентом на слово животное. Например кто-то мог утверждать, что кошки были овощами, а вы сделали акцент на том, что кошки именно животные: --> <p>Кошки это милые <em>животные</em>.</p>
Результат данного примера в окне браузера: