Тег <i>

Описание

Тег <i> (от англ. "italic") выделяет текст курсивом для альтернативного голоса или настроения, таких как технические термины, иностранные слова или мысли.

Иностранные слова:
<p>Французское слово <i lang="fr">bonjour</i> означает "здравствуйте".</p>
Научные названия:
<p>Классический пример - <i>Homo sapiens</i> (человек разумный).</p>
Мысли персонажа:
<p>Он посмотрел на часы. <i>Уже так поздно?</i> - мелькнуло у него в голове.</p>

Ключевые особенности:

  • Семантически обозначает текст с альтернативным голосом
  • По умолчанию отображается курсивом (можно изменить через CSS)
  • Не передает важность (для этого используйте <em>)
  • Может содержать атрибут lang для иностранных слов
  • Доступен для скринридеров

Рекомендации по использованию:

  • Используйте для иностранных слов и научных терминов
  • Для выделения важности применяйте <em>
  • Для названий используйте <cite>
  • Избегайте чисто декоративного курсива (лучше CSS-стили)
  • Для иконок используйте <span> с классами

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

Атрибуты

class CSS-классы для стилизации элемента
contenteditable Разрешает редактирование содержимого
data-* Пользовательские данные элемента
dir Направление текста (ltr|rtl)
hidden Скрывает элемент от отображения
id Уникальный идентификатор элемента
lang Язык содержимого элемента
spellcheck Включает проверку орфографии
style Инлайновые CSS-стили элемента
tabindex Порядок перехода при навигации по Tab
title Всплывающая подсказка для элемента
translate Определяет возможность перевода содержимого

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