Oi Luciano, tudo bem?
A tag <em>
e a tag <i>
possuem o objetivo em comum de transformar o texto em itálico, o resultado visual é o mesmo. Entretanto, o significado semântico é diferente.
A tag <i>
pode ser utilizada para deixar em itálico uma palavra estrangeira, ou quando o texto se refere a definição de uma palavra, por exemplo.
A tag <em>
tem o intuito de alertar a ênfase que aquele conteúdo tem através do itálico, sinalizando que é algo importante.
É muito importante utilizarmos as tags nos contextos corretos e sempre que possível, buscar construir um HTML o mais semântico possível, neste caso, o <em>
é mais semântico que o <i>
. Essa prática é importante para os mecanismos de busca e contribui para a acessibilidade web.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!