Qual é a diferença entre as tags <i> e <em>, bem como <strong> e <b>?

<i> para destaque em itálico sem carga semântica. <em> para destaque lógico do texto, que os navegadores geralmente exibem em itálico.

<b> para destaque em negrito sem carga semântica. <strong> para destaque lógico do texto como importante ou urgente, que os navegadores geralmente exibem em negrito.

A principal diferença está na semântica: <em> e <strong> carregam significado, enquanto <i> e <b> são apenas formatação visual. Quando utilizados com tecnologias assistivas (como leitores de tela), o conteúdo de <em> e <strong> pode ser lido com uma entonação especial, enquanto <i> e <b> são percebidos como texto comum.

Recomenda-se usar <em> e <strong> para destaque semântico e CSS para estilização (font-style: italic;, font-weight: bold;) quando necessário.