<i>

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 None, both the starting and ending tag are mandatory.
Pais permitidos Qualquer elemento que aceite conteúdo com texto (phrasing content).
ARIA roles permitidos Qualquer um.
Interface DOM HTMLElement (en-US) 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 Standard
# the-i-element

Compatibilidade com navegadores

BCD tables only load in the browser

Ver também