Тема:

<i> - HTML елемент ідіоматичного тексту

Елемент <i> представляє собою фрагмент тексту в альтернативному стилі чи настрої, або іншим чином відхилений від звичайної прози таким чином, що вказує на іншу якість тексту, наприклад, таксономічне позначення, технічний термін, ідіоматична фраза з іншої мови, транслітерація, думка або назва корабля у західних текстах.

Терміни мовами, відмінними від основного тексту, слід анотувати атрибутами lang.

Використання <i> для іконок (напр. Font Awesome) є не семантичним. В цьому випадку краще задіяти сематично нейтральні теги <span> та <div>.

В HTML4 цей тег використовувався для того, щоб зробити текст курсивним, проте в HTML5 він набув семантичне значення, хоч і зберіг свою стилізацію за замовчуванням. Не рекомендується використовувати його для стилізації тексту курсивом. Натомість скористайтеся CSS.

Синтаксис

HTML
<i>...</i>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту

Потоковий контент, фразовий контент, відчутний контент

Роль ARIAgeneric
Дозволені ARIA атрибутиВсі
DOM інтерфейсHTMLElement

Приклади використання

Результат
<!-- Іноземні слова -->
<p>Він сказав: <i lang="la">carpe diem</i>, що латинською означає "лови момент".</p>

Стилі за замовчуванням

CSS
i {
  font-style: italic;
}

Підтримка браузерів

<i>

Останнє оновлення: