I nuovi sviluppatori sono spesso confusi nel vedere più elementi che producono risultati simili. <em> e <i> sono un esempio comune, poiché entrambi mettono in corsivo il testo. Qual è la differenza? Quale dovresti usare?
Di default, il risultato visivo è lo stesso. Tuttavia, il significato semantico è diverso. L’elemento <em> rappresenta l’enfasi del suo contenuto, mentre l’elemento <i> rappresenta il testo che si distacca dalla prosa normale, come una parola straniera, pensieri di personaggi immaginari, o quando il testo si riferisce alla definizione di una parola invece di rappresentarne il significato semantico. (Il titolo di un’opera, come il nome di un libro o di un film, dovrebbe usare <cite>.)
Questo significa che quello giusto da usare dipende dalla situazione. Nessuno dei due è per scopi puramente decorativi, è a questo che serve lo stile CSS.
Un esempio per <em> potrebbe essere: “Fallo e basta!”, oppure: “Dovevamo fare qualcosa”. Una persona o un software che legge il testo pronuncerebbe le parole in corsivo con enfasi, usando lo stress verbale.
Un esempio per <i> potrebbe essere: “La Queen Mary è salpata ieri sera”. Qui, non c’è nessuna enfasi aggiunta o importanza sulla parola “Queen Mary”. Si indica semplicemente che l’oggetto in questione non è una regina chiamata Mary, ma una nave chiamata Queen Mary. Un altro esempio per <i> potrebbe essere: “La parola the è un articolo”.