Esses elementos estão muito relacionados aos conceitos de HTML apresentacional e semântico. O elemento de texto idiomático, i, foi originalmente usado para fins de apresentação para exibir o texto em itálico. Mas agora, é frequentemente usado para destacar voz ou modo alternativo, termos idiomáticos de outra língua, termos técnicos e pensamentos. Aqui está um exemplo da especificação oficial do HTML, usando o elemento i para mostrar uma frase idiomática em francês.

<p>There is a certain <i lang="fr">je ne sais quoi</i> in the air.</p>

O atributo lang dentro da tag aberta <i> é usado para especificar o idioma do conteúdo. Neste caso, a língua seria French. O elemento i não indica se o texto é importante ou não, ele apenas mostra que é de alguma forma diferente do texto ao redor. Se você precisar enfatizar a importância do texto, pode usar um elemento semântico semelhante chamado elemento de ênfase, em. Isso geralmente é recomendado se você precisar fornecer mais contexto. Você deve usar este elemento para partes do texto que requerem um ênfase especial em comparação com o texto ao redor. Geralmente é limitado a apenas algumas palavras, porque pode alterar o significado da frase. Este é um exemplo do elemento de ênfase dentro de um parágrafo.

<p>
  Never give up on <em>your</em> dreams.
</p>

Você pode ver a frase Never give up on your dreams. Observe que a palavra your será enfatizada, porque está dentro deste elemento. No navegador você veria que a palavra your está em itálico para informar aos leitores que esta é uma palavra importante na frase. Mesmo que pareça o mesmo quando o texto estava dentro do elemento de texto idiomático, o elemento de ênfase semântica transmite seu significado e importância nos bastidores. É importante saber que esses elementos não devem ser usados apenas para fins de apresentação. Se você precisar exibir o texto em itálico, mas o texto não tiver um propósito, estilo ou significado especial no parágrafo, você deve usar CSS em vez disso.