MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

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 aprensentar 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
WHATWG 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)
Basic support 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)

Ver também

Etiquetas do documento e colaboradores

 Colaboradores desta página: sscaetite
 Última atualização por: sscaetite,