<i>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

O **elemento HTML <i> **representa uma parte do texto que é destacada do restante por algum motivo, por exemplo, termos técnicos, expressões de outros idiomas ou pensamentos de personagens fictícios. Normalmente, é apresentado com o uso do tipo "itálico".

Categorias de conteúdo Conteúdo de fluxo (flow content), conteúdo com texto (phrasing content), conteúdo palpável (palpable content).
Conteúdo permitido Conteúdo com texto (phrasing content).
Omissão de tag Nenhuma, tanto a tag inicial quanto a final são obrigatórias.
Pais permitidos Qualquer elemento que aceite conteúdo com texto (phrasing content).
ARIA roles permitidos Qualquer um.
Interface DOM HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for this element.

Atributos

Esse elemento inclui apenas atributos globais.

Exemplo

html
<p>
  A expressão em latim <i class="latin">Veni, vidi, vici</i> é frequentemente
  mencionada na música, na arte e na literatura.
</p>

Resultado

A expressão em latim Veni, vidi, vici é frequentemente mencionada na música, na arte e na literatura.

Notas

Nas primeiras versões das especificações HTML, a tag <i> era usada apenas para apresentar textos em itálico, assim como a tag <b> tag era usada para mostrar textos em negrito. Isso não é mais verdade, já que, atualmente, essas tags definem a semântica, e não mais aparência tipográfica. A tag <i> pode representar uma parte do texto com uma diferença semântica, na qual a representação tipográfica padrão é no tipo itálico. Isso significa que os navegadores continuarão a apresentar o conteúdo em itálico, mas, de acordo com o que é definido, isso não é mais requerido.

Use esse elemento somente quando não existir mais nenhum outro elemento com semântica apropriada. Por exemplo:

  • Use <em> para indicar ênfase ou estresse.
  • Use <strong> para indicar importância.
  • Use <mark> para indicar relevância.
  • Use <cite> para citar o nome de um trabalho, tal como um livro, jogo ou música.
  • Use <dfn> para marcar a instância de definição de um termo .

Uma boa ideia é usar o atributo class para identificar porque esse elemento está sendo usado. Com isso, caso a apresentação precise ser alterada com o tempo, isso pode ser feito de forma seletiva utilizando as folhas de estilo.

Especificações

Specification
HTML
# the-i-element

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
i

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Ver também