O elemento HTML <em> marca o texto que tem ênfase. O elemento <em> pode ser aninhado, com cada nível de aninhamento indicando um grau maior de ênfase.

Categorias de conteúdo Conteúdo fluído, conteúdo de frase, conteúdo palpável
Conteúdo permitido Conteúdo de frase.
Omissão de tag None, both the starting and ending tag are mandatory.
Pais permitidos Qualquer elemento que aceita conteúdo de frase.
Funções de ARIA permitidas Qualquer uma
Interface DOM HTMLElement Até o Gecko 1.9.2 (Firefox 4) incluso, o Firefox implementa a interfaceHTMLSpanElement para este elemento.

Atributos

Este elemento inclui somente os atributos globais.

Notas de uso

Este elemento geralmente é mostrado no tipo itálico. Contudo, não deve ser usado simplesmente para aplicar estilo itálico; use o estilo CSS para esse propósito. Use o elemento <cite> para marcar o título de um trabalho (book, play, song, etc.); também é geralmente estilizado com tipo itálico, mas possui significado diferente. Use o elemento <strong> para marcar o texto que tem importância maior do que o texto que está em volta.

Exemplo

O elemento <em> é frequentemente usado para indicar um contraste implícito ou explícito.

<p>
  Em HTML 5, o que anteriormente era chamado de conteúdo
  <em>block-level</em> agora é chamado de conteúdo
  <em>flow</em> .
</p>

Resultado

Em HTML5, o que anteriormente era chamado de conteúdo block-level (nível de bloco) agora é chamado de flow content (conteúdo fluído).

<i> vs <em>

É frequentemente confuso para novos desenvolvedores porque há vários elementos para expressar a ênfase em algum texto. <i> e <em> são talvez uns dos mais comuns. Por que usar <em></em> vs <i></i>? Eles produzem o mesmo resultado, certo?

Não exatamente. O resultado visual é, por padrão, o mesmo - ambas as tags renderizam seu conteúdo em itálicos. Mas o significado semântico é diferente. A tag <em> representa ênfase importante de seus conteúdos, enquanto que a tag <i> representa o texto que é iniciado de uma prosa, como uma palavra estrangeira, pensamentos de um personagem ficcional, ou quando o texto se refere á definição de uma palavra em vez de representar seu significado semântico. (O título de um trabalho, tal como o nome de um livro ou filme, deve usar <cite>.)

Um exemplo para <em> poderia ser: "Apenas já faça isso!", ou: "Nós temos que fazer algo acerca disso". Uma pessoa ou software lendo o texto pronunciaria as palavras em itálico com uma ênfase.

Um exemplo para <i> poderia ser: "A Rainha Mary velejou na noite passada". Aqui, não é adicionada ênfase ou importância na palavra "Rainha Mary". É meramente indicado que o objeto em questão não é uma rainha chamada Mary, mas um navio chamado Rainha Mary. Outro exemplo para <i> poderia ser: "A palavra o é um artigo".

Especificações

Especificação Status Comentário
HTML Living Standard
The definition of '<em>' in that specification.
Padrão em tempo real  
HTML5
The definition of '<em>' in that specification.
Recomendação  
HTML 4.01 Specification
The definition of '<em>' in that specification.
Recomendação  

Compatiblidade de navegador

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 1Edge Full support YesFirefox Full support 1IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support

Veja também

Etiquetas do documento e colaboradores

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