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

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

Спробуйте його в дії

Атрибути

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

Примітки щодо застосування

  • Елемент <i> слід використовувати для тексту, що виділений зі звичайного прозового тексту з метою полегшення читання. Це може бути відрізок тексту з іншим семантичним значенням, ніж текст навколо. Серед випадків використання елемента <i> – відрізки тексту, що представляють іншу природу чи стиль письма, наприклад:

    • Інакшого мовця чи настрій
    • Таксономічні позначення (наприклад, рід і вид "Людина розумна")
    • Ідіоматичні терміни з іншої мови (наприклад, "en garde"); тоді цей елемент повинен мати атрибут lang, щоб вказати конкретну мову
    • Технічні терміни
    • Транслітерацію
    • Думки (наприклад, "Вона подумала, що цей письменник узагалі має на увазі?")
    • Назви кораблів чи суден у західних писемних системах (наприклад, "Вони обшукували доки, шукаючи Імператрицю Галактики, корабель, до якого їх було призначено.")

  • В раніших версіях специфікації HTML елемент <i> був лише елементом представлення, який використовувався для відображення тексту курсивом, так само як елемент <b> використовувався для відображення тексту грубим шрифтом. Це вже не так, оскільки ці теги тепер визначають семантику, а не типографський вигляд. Браузер зазвичай все ще відображає вміст елемента <i> курсивом, але визначено, що це вже не обов'язково робити. Щоб відображати текст курсивом, розробники повинні використовувати властивість CSS font-style.

  • Слід пересвідчитися, що цільовому тексту немає іншого кращого відповідника-елемента.

    • Слід використовувати <em>, щоб позначити логічний наголос.
    • Слід використовувати <strong>, щоб позначити вагу, серйозність чи терміновість.
    • Слід використовувати <mark>, щоб позначити актуальність.
    • Слід використовувати <cite>, щоб розмітити назву праці, наприклад, книги, п'єси або пісні.
    • Слід використовувати <dfn>, щоб розмітити визначення терміну.

Приклади

Цей приклад демонструє використання елемента <i> для позначення тексту, який написаний іншою мовою.

<p>
  Латинська фраза <i lang="la">Veni, vidi, vici</i> нерідко використовується в
  музиці, живописі та літературі.
</p>

Результат

Технічний підсумок

Категорії вмісту Потоковий вміст, оповідальний вміст, відчутний вміст.
Дозволений вміст Оповідальний вміст.
Пропуск тега Немає; і початковий, і кінцевий теги – обов'язкові.
Дозволені батьківські елементи Всі елементи, що приймають оповідальний вміст.
Неявна роль ARIA generic
Дозволені ролі ARIA Всі
Інтерфейс DOM HTMLElement

Специфікації

Специфікація
HTML Standard (HTML)
# the-i-element

Сумісність із браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
i
Chrome Full support 1
 Edge Full support 12
 Firefox Full support 1
 Internet Explorer Full support Так
 Opera Full support Так
 Safari Full support Так
 WebView Android Full support Так
 Chrome Android Full support Так
 Firefox for Android Full support 4
 Opera Android Full support Так
 Safari on iOS Full support Так
 Samsung Internet Full support Так

Дивіться також

Помітили помилку на цій сторінці?

Переглянути сирці на GitHub.

Редагувати вміст на GitHub.

Почати обговорення на GitHub стосовно вмісту цієї сторінки.