: 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 ⁨julho de 2015⁩.

OelementoHTML marca o texto que tem ênfase. O elemento 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 aceitaconteú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 interface`HTMLSpanElement` para este elemento.

Atributos

Este elemento inclui somente osatributos globais.

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 para marcar o texto que tem importância maior do que o texto que está em volta.

Exemplo

O elemento é 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 deflow content (conteúdo fluído).

vs

É frequentemente confuso para novos desenvolvedores porque há vários elementos para expressar a ênfase em algum texto. e são talvez uns dos mais comuns. Por que usar vs? 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 representa ênfase importante de seus conteúdos, enquanto que a tag 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 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 poderia ser: "ARainha 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 chamadoRainha Mary. Outro exemplo para poderia ser: "A palavrao é um artigo".