<i>
- 25 января 2023
Что делает тег
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023