Вебсправочник
Справочник HTML

Тег <i>: фрагмент с иной речевой или терминологической ролью

I обозначает текст, отличающийся от окружающей речи по своей роли: например, иноязычное выражение или специальное обозначение. Он не является универсальным способом сделать любой текст курсивным.

Назначение

I обозначает текст, отличающийся от окружающей речи по своей роли: например, иноязычное выражение или специальное обозначение. Он не является универсальным способом сделать любой текст курсивным.

Как это работает

Выбор элемента определяется смыслом фрагмента. Язык иностранного выражения можно уточнить через lang. Для названия произведения существует cite, для смыслового ударения — em, поэтому внешнего сходства недостаточно.

Пример

<p>Сравним варианты <i lang="la">in situ</i> — непосредственно в исходном контексте.</p>
<p>Для упражнения важно <em>сохранить порядок</em> действий.</p>

Что должно получиться

Пример разделяет особую роль выражения и ударение в инструкции. Lang сообщает язык фрагмента, но не переводит его и не гарантирует конкретное произношение любой вспомогательной программой.

Граница применения и частая ошибка

Не выбирайте язык по внешнему виду букв: латинское выражение и английская фраза требуют разных обозначений. Для чисто декоративного курсива используйте font-style, сохранив подходящую исходную разметку.

Самостоятельная проверка

Подберите ещё один фрагмент и объясните, почему ему нужен i, em или cite. Уточните язык вложенного текста. Проверьте, что значение незнакомого выражения доступно без наведения мыши.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.