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

Важный момент: <em> и <i> выглядят одинаково - оба делают текст курсивным, - но их смысл немного разный, поэтому заменять одно другим стоит осторожно. Элемент <em> не создан просто ради визуального курсава: это тег логической разметки, который помечает именно акцентированный участок. А когда нужно визуально отделить термин, идиоматическое выражение или особую часть текста - здесь уместнее использовать <i>, ведь он относится к физической (визуальной) разметке и устанавливает курсивное начертание.

Кстати, <em> не стоит применять для выражения особой важности. Для такой задачи лучше подойдёт элемент <strong>, если нужно подчеркнуть именно значимость информации.

Тег <em> поддерживает обычные для HTML-элементов атрибуты.

<!-- Этот пример показывает, изменение акцента внимания в тексте. --><p>Общая фраза без акцента на что либо: Кошки это милые животные.</p><!-- Та же самая фраза, но уже с акцентом на слово животное. Например кто-то мог утверждать, что кошки были овощами, а вы сделали акцент на том, что кошки именно животные: --><p>Кошки это милые <em>животные</em>.</p>