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

Тег <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.


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

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023