<i> идиоматический текстовый элемент HTML

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

Попробуйте

<p>I looked at it and thought <i>This can't be real!</i></p>

<p>
  <i>Musa</i> is one of two or three genera in the family <i>Musaceae</i>; it
  includes bananas and plantains.
</p>

<p>
  The term <i>bandwidth</i> describes the measure of how much information can
  pass through a data connection in a given amount of time.
</p>

i {
  /* Add your styles here */
}

Атрибуты

Этот элемент включает только глобальные атрибуты.

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

• Используйте элемент <i> для текста, который выделен из основного текста для удобства чтения. Это фрагмент текста, имеющий иное семантическое значение, чем окружающий текст. Элемент <i> можно использовать для фрагментов текста, представляющих собой текст с иным качеством или способом изложения, например:

  • Альтернативный голос или наклонение
  • Таксономические обозначения (например, род и вид «Homo sapiens»)
  • Идиоматические выражения из другого языка (например, «et cetera»); для них следует указывать атрибут lang, чтобы обозначить язык
  • Технические термины
  • Транслитерации
  • Мысли (например: «Она задумалась: О чём вообще говорит этот автор?»)
  • Названия кораблей и судов в западных системах письма (например: «Они обыскали доки в поисках Императрицы Галактики, корабля, к которому их приписали».)

• В более ранних версиях спецификации HTML элемент <i> был просто элементом оформления, предназначенным для отображения текста курсивом, подобно тому как элемент <b> использовался для отображения текста полужирным шрифтом. Теперь это не так: эти теги определяют семантику, а не типографическое оформление. Браузер обычно по-прежнему отображает содержимое элемента <i> курсивом, но, по определению, больше не обязан этого делать. Чтобы отображать текст курсивом, авторам следует использовать свойство CSS font-style.

• Убедитесь, что для рассматриваемого текста не подходит более подходящая разметка с помощью другого элемента.

  • Используйте <em>, чтобы обозначить смысловое ударение.
  • Используйте <strong>, чтобы обозначить важность, серьёзность или срочность.
  • Используйте <mark>, чтобы обозначить релевантность.
  • Используйте <cite> для разметки названия произведения, например книги, пьесы или песни.
  • Используйте <dfn> для разметки определяющего упоминания термина.

Примеры

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

<p>
  The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in
  music, art, and literature.
</p>

Результат

Техническая сводка

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

Совместимость с браузерами

См. также

• <em>
• Другие элементы, отображаемые курсивом: <var>, <dfn>, <cite>, <address>