Qual è la differenza tra i tag <i> e <em>, e anche <strong> e <b>?

<i> per evidenziare in corsivo senza carico semantico. <em> per enfasi logica del testo, che i browser di solito mostrano in corsivo.

<b> per evidenziare in grassetto senza carico semantico. <strong> per enfasi logica del testo come importante o urgente, che i browser di solito mostrano in grassetto.

La differenza chiave risiede nella semantica: <em> e <strong> portano significato, mentre <i> e <b> sono solo formattazione visiva. Quando si usano tecnologie assistive (come screen reader), il contenuto di <em> e <strong> può essere letto con un'intonazione speciale, mentre <i> e <b> sono percepiti come testo normale.

Si consiglia di usare <em> e <strong> per l'evidenziazione semantica e CSS per lo stile (font-style: italic;, font-weight: bold;) se necessario.