Тег i в HTML

Что делает тег <i> в HTML?

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

Элемент i используется чтобы отметить слова в окружающем тексте, <i>выделяя текст</i> курсивом.
Пример использование элемента i в коде

<i> или <em>?

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

Элемент i <i>выделяет текст</i> курсивом. <p>Элемент em <em>указывает на текст</em>, выделенный курсивом.</p>
Различие в применении тегов i и em

И не забывайте <dfn>

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

Элемент определения dfn, который используется для разметки <dfn>слова или фразы</dfn> в тексте.
Область использования тега dfn

Long-form курсив

Иногда желательно выделить курсивом несколько строк текста. Это может быть краткое введение в содержание, примечание для читателя, «мелкий шрифт» того или иного вида. Здесь также следует избегать элемента <i>. Если вы хотите выделить курсивом весь абзац, присвойте ему определенный class или id и используйте CSS.

<p class="text">Иногда желательно выделить курсивом несколько строк текста. Это может быть краткое введение в содержание, примечание для читателя, «мелкий шрифт» того или иного вида.</p>
<p class="text">Здесь также следует избегать элемента i. Если вы хотите выделить курсивом весь абзац, присвойте ему определенный class или id и используйте CSS.</p>
p {
  font-style: italic;
}
Использование class в CSS для выделения курсивом

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *