Тег <em>

Тег <em> в HTML: Опис, Синтаксис та Приклад

Тег <em> призначений для наголошування тексту. Браузери відображають такий текст курсивним начертанням.

<em>Текст</em>

Обов'язковий закриваючий тег.

Для цього тега доступні універсальні атрибути та події.

font-style - аналог в CSS.

Приклад

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег EM</title>
 </head>
 <body>

  <p><em>Lorem ipsum dolor sit amet</em></p>
  <p><b><em>Lorem</em></b> ipsum dolor sit amet, consectetuer 
  adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna 
  aliguam erat volutpat. <em>Ut</em> wisis enim ad minim veniam, quis 
  nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo 
  consequat.</p>

 </body>
</html>

Примітка: Теги <i> та <em> не є еквівалентними. Перший встановлює курсивний текст, другий визначає важливість тексту. Розділення на логічне та фізичне форматування робить HTML універсальним.

Часті запитання

  • Q: Як використовувати тег <em> для надання тексту курсивним стилю в HTML?

    A: Тег <em> використовується для відмічання тексту як емфазованого, що зазвичай відображається курсивом.

  • Q: Чи можна вкладати тег <em> всередину інших тегів в HTML?

    A: Так, тег <em> можна вкладати всередину багатьох інших тегів, наприклад, <p>, <span>, <strong> тощо.

  • Q: Як можна стилізувати текст, який обгорнутий тегом <em> за допомогою CSS?

    A: Для стилізації тексту, обгорнутого тегом <em>, можна використовувати CSS властивість font-style: italic;

  • Q: Як відмінити стилізацію тексту, який обгорнутий тегом <em> за допомогою CSS?

    A: Для скасування курсивного стилю тексту, що обгорнуто тегом <em>, можна використати CSS властивість font-style: normal;

  • Q: Чому варто використовувати тег <em> замість <i> для курсивного тексту в HTML?

    A: Тег <em> рекомендується використовувати для тексту, який має емфатичне значення, в той час як <i> використовується для тексту, який просто стилізований курсивом.