<em>: O elemento de ênfase
==========================

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` (en-US) Até o Gecko 1.9.2 (Firefox 4)
 incluso, o Firefox implementa a
 interface`HTMLSpanElement` 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.


```html
<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 with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `<i>`