I nuovi sviluppatori sono spesso confusi nel vedere più elementi che producono risultati simili. <em> e <i> sono un esempio comune, poiché entrambi corsivo testo. Qual è la differenza? Quale si dovrebbe usare?
Per impostazione predefinita, il risultato visivo è lo stesso. Tuttavia, il significato semantico è diverso. L’elemento <em> rappresenta l’enfasi dello stress del suo contenuto, mentre l’elemento <i> rappresenta il testo che si discosta dalla normale prosa, una parola straniera, pensieri di personaggi immaginari o quando il testo si riferisce alla definizione di una parola invece di rappresentare il suo 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, questo è ciò che lo stile CSS è per.
Un esempio per <em> potrebbe essere: “Fallo già!”, o: “Dovevamo fare qualcosa al riguardo”. 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 ha navigato ieri sera”. Qui, non c’è enfasi o importanza aggiunta alla parola “Queen Mary”. È semplicemente indicato che l’oggetto in questione non è una regina di nome Mary, ma una nave di nome Queen Mary. Un altro esempio per <i> potrebbe essere :” La parola è un articolo”.