<i>

Что делает тег

Тег <i> используется для выделения текста курсивом или подчёркиванием.

Синтаксис тега <i>

<i>Курсив или подчеркнутый текст</i>

Спецификация HTML

Тег <i> является частью спецификации HTML Living Standard.

Семантический или нет

Тег <i> не считается семантическим тегом, так как не придаёт никакого конкретного значения содержимому.

Примеры использования

Чтобы подчеркнуть конкретное слово в предложении:

<p>Это <i>очень</i> важно.</p>

Для обозначения иностранного слова или фразы:

<p>Слово <i>bonjour</i> означает «привет» на французском языке.</p>

Для обозначения названия книги или фильма:

<p>Я только что закончил читать <i>«Великого Гэтсби»</i>.</p>

Для чего использовать тег <i>

• Чтобы подчеркнуть определённые слова или фразы в блоке текста.
• Для обозначения иностранных слов или фраз, которые могут быть незнакомы читателям.
• Для указания названий книг, фильмов или других произведений.

Атрибуты тега <i>

У тега <i> нет специфических атрибутов.

Глобальные атрибуты

Тег <i> поддерживает все глобальные атрибуты HTML.

Ограничения

Тег <i> не предназначен для использования в семантических целях, поскольку не передаёт никакого конкретного значения. Он только выделяет текст курсивом.

Чрезмерное использование <i> может сделать документ трудным для чтения и понимания, поэтому используйте тег только по мере необходимости.

Нюансы

Использование тега <i> в предложении, которое уже выделено курсивом, может затруднить чтение текста. В таких случаях лучше сделать текст полужирным или подчёркнутым.

Поддержка браузерами

Тег поддерживается всеми современными браузерами.

Актуальная информация — на сaniuse.

Альтернативные теги

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

Чем заменить тег

В большинстве случаев тег можно заменить тегом <em>. А чтобы специально указать, что текст должен быть выделен курсивом, используйте CSS. Например:

<p>Это <em>очень важно</em>.</p>

em {
  font-style: italic;
}

Актуальность

Тег <i> не устарел, можете использовать его в веб-разработке.

Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.