<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
<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 |