HTML-тег <i>
Тег <i> используется для выделения части текста, произносимого другим голосом. Текст внутри тега <i> обычно отображается курсивом. Этот тег применяется для обозначения технических терминов, фраз на иностранных языках и т. д.
В HTML5 тег <i> является семантическим элементом, предназначенным для отображения текста в альтернативном голосе или настроении, а не просто для визуального оформления. Это означает, что содержимое имеет определённый смысл для браузеров и поисковых систем, хотя по умолчанию оно обычно отображается курсивом. Если вам нужен только курсивный стиль без семантического значения, лучше использовать свойство CSS font-style вместо тега <i>.
Иногда вам может потребоваться использовать другие, более подходящие элементы:
TIP
Если вы хотите выделить важный текст, используйте семантический тег <em> вместо тега <i>.
Синтаксис
Тег <i> всегда используется парами. Содержимое размещается между открывающим (<i>) и закрывающим (</i>) тегами.
Пример использования тега HTML <i>:
HTML-тег <i>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Before the end of the week <i>it is vital to</i> finish all the work.</p>
</body>
</html>Результат
Атрибуты
Тег <i> поддерживает Глобальные атрибуты и Атрибуты событий.
Как стилизовать HTML-тег <i>
<style>
.custom-italic {
font-style: italic;
}
</style>
<p>Before the end of the week <span class="custom-italic">it is vital to</span> finish all the work.</p>Практика
В чём заключается назначение тега <i> в HTML?