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 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
Especificação | Status | Comentário |
---|---|---|
HTML Living Standard The definition of '<i>' in that specification. |
Padrão em tempo real | |
HTML5 The definition of '<i>' in that specification. |
Recomendação | |
HTML 4.01 Specification The definition of '<b>' in that specification. |
Recomendação |
Compatibilidade com navegadores
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
Suporte básico | 1.0 | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Suporte básico | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |