<i> - HTML елемент ідіоматичного тексту
Елемент <i> представляє собою фрагмент тексту в альтернативному стилі чи настрої, або іншим чином відхилений від звичайної прози таким чином, що вказує на іншу якість тексту, наприклад, таксономічне позначення, технічний термін, ідіоматична фраза з іншої мови, транслітерація, думка або назва корабля у західних текстах.
Терміни мовами, відмінними від основного тексту, слід анотувати атрибутами lang.
Використання <i> для іконок (напр. Font Awesome) є не семантичним. В цьому випадку краще задіяти сематично нейтральні теги <span> та <div>.
В HTML4 цей тег використовувався для того, щоб зробити текст курсивним, проте в HTML5 він набув семантичне значення, хоч і зберіг свою стилізацію за замовчуванням. Не рекомендується використовувати його для стилізації тексту курсивом. Натомість скористайтеся CSS.
Синтаксис
<i>...</i>Атрибути
Цей тег може мати глобальні атрибути.
Технічне резюме
| Категорія контенту | |
|---|---|
| Роль ARIA | generic |
| Дозволені ARIA атрибути | Всі |
| DOM інтерфейс | HTMLElement |
Приклади використання
<!-- Іноземні слова -->
<p>Він сказав: <i lang="la">carpe diem</i>, що латинською означає "лови момент".</p><!-- Внутрішній голос або думка -->
<p><i>Мені варто було залишитися вдома</i>, — подумала вона.</p><!-- Таксономія -->
<p><i lang="en">Nanotyrannus</i> («карликовий тиран») — рід <i lang="en">Tyrannosaurus</i>, можливо, молодий екземпляр тиранозавра. Він базується на CMN 7541, черепі, зібраному в 1942 році та описаному Чарльзом В. Гілмором у 1946 році, який дав йому назву новому виду <i lang="en">Gorgosaurus lancensis</i>.</p><!-- Переносне значення -->
<p>Його серце покрилось <i>льодом</i> після її слів.</p>Стилі за замовчуванням
i {
font-style: italic;
}Підтримка браузерів
<i> |
|---|