: Элемент форматированного текста
Базовая линия Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Элемент <i> HTML представляет собой выделенный фрагмент текста, например, идиоматический текст, технические термины, таксономические обозначения и пр. Раньше для этого использовался курсивный шрифт, что и послужило источником названия <i> данного элемента.
Попробуйте
Атрибуты
Этот элемент включает только глобальные атрибуты.
Примечания по использованию
- Используйте элемент
<i>для выделения текста из основного текста для улучшения читабельности. Это фрагмент текста с другим семантическим значением, чем окружающий текст. Среди случаев использования элемента<i>— фрагменты текста, представляющие разный стиль или вид текста, такие как:- Альтернативная интонация или настроение
- Таксономические обозначения (например, род и вид "Homo sapiens")
- Идиоматические выражения из другого языка (например, "et cetera"); они должны включать атрибут
langдля определения языка - Технические термины
- Транслитерации
- Мысли (например, "Она задумалась: О чем же, собственно, пишет этот автор?")
- Названия кораблей или судов в западной письменности (например, "Они искали на пристани Императрицу Галактики, корабль, который им был назначен.")
- В более ранних версиях спецификации HTML элемент
<i>был просто презентационным элементом, используемым для отображения текста курсивом, подобно тому, как элемент<b>использовался для отображения текста жирным шрифтом. Это больше не так, так как сейчас эти теги определяют семантику, а не внешний вид. Браузер обычно всё ещё будет отображать содержимое элемента<i>курсивом, но, по определению, больше не обязан этого делать. Для отображения текста курсивом авторы должны использовать свойство CSSfont-style. - Убедитесь, что выделенный текст не может быть более уместно помечен другим элементом.
- Используйте
<em>для обозначения акцента. - Используйте
<strong>для обозначения важности, серьёзности или срочности. - Используйте
<mark>для обозначения релевантности. - Используйте
<cite>для обозначения названия произведения, например, книги, пьесы или песни. - Используйте
<dfn>для обозначения определяющего примера термина.
- Используйте
Примеры
Этот пример демонстрирует использование элемента <i> для выделения текста на другом языке.
html
<p> The Latin phrase <i lang="la">Veni, vidi, vici</i> is often mentioned in music, art, and literature. </p>
Результат
Техническое описание
| Категории контента | Потоковый контент, фразовый контент, осязаемый контент. |
|---|---|
| Разрешенный контент | Фразовый контент. |
| Пропуск тегов | Нет, и открывающий, и закрывающий тег обязательны. |
| Разрешенные родительские элементы | Любой элемент, принимающий фразовый контент. |
| Неявная роль ARIA | generic |
| Разрешенные роли ARIA | Любые |
| Интерфейс DOM | HTMLElement |
Спецификации
| Спецификация |
|---|
| Стандарт HTML # the-i-element |
Совместимость с браузерами
| Рабочие столы | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
i |
1 | 12 | 1 | 15 | 1 | 18 | 4 | 14 | 1 | 1.0 | 4.4 |
См. также
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i
