<em>

Придаёт особый смысл отдельным словам или фразам в тексте.

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Тег <em> добавляет тексту внутри смысловой акцент.

Пример

Секция статьи "Пример"

Текст внутри <em> по умолчанию выделяется курсивом при помощи font-style: italic.

        
          
          <p>Коты <em>обожают</em> кошачью мяту</p>
          <p>Коты <em>обожают</em> кошачью мяту</p>

        
        
          
        
      
Открыть демо в новой вкладке

Как пишется

Секция статьи "Как пишется"

Используйте <em> для смыслового выделения куска текста и не используйте его для просто курсива — для этого нужен тег <i>. При этом <em> также не задуман для придания важности тексту — для этого подойдёт <strong>.

Можно вкладывать <em> друг в друга — семантическое ударение будет усиливаться с каждым уровнем вложенности (например, будете постепенно нарастать интонация у скринридеров).

        
          
          <p>  <em>    Этого не ожидал никто,    <em>даже известный своим природным чутьём Джимми</em>  </em></p>
          <p>
  <em>
    Этого не ожидал никто,
    <em>даже известный своим природным чутьём Джимми</em>
  </em>
</p>

        
        
          
        
      
Открыть демо в новой вкладке