Тег <em>

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

По своим параметрам тег <em> очень схож с тегом <i>, так как они оба отображают текст курсивом, но отличия все же есть. Язык HTML универсальный и теги разделены на логичиские и физические. Так вот тег <em> принадлежит к тегам логической разметки, а тег <i> к физической. Другими словами, тег <em> помечает важность определенного текста, а не просто выделяет его курсивом как тег <i> и браузеры учитывают этот факт.

Пример:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег EM</title>
    <meta charset="utf-8">
  </head>
  <body>
    <p><em>Панель связанных файлов</em></p>
    <p>Давайте посмотрим на верхнюю часть окна документа, в котором открыт шаблон main. 
       Там мы увидим довольно широкую панель - это <b><em>панель связанных файлов</em></b>.</p>
  </body>
</html> 
            
Смотреть пример