<em>: O elemento de ênfase
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 <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 | Nenhuma, tanto a tag inicial quanto a final são obrigatórias. |
| 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
| Specification |
|---|
| HTML Standard # the-em-element |
Compatibilidade com navegadores
BCD tables only load in the browser