<em>: O elemento de ênfase

Este elemento inclui somente os atributos 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 <strong> para marcar o texto que tem importância maior do que o texto que está em volta.

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>

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).

É 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".

• <i>