Nowi programiści często są zdezorientowani widząc wiele elementów, które dają podobne rezultaty. <em> i <i> są częstym przykładem, ponieważ oba te elementy kursywują tekst. Jaka jest różnica? Którego powinieneś użyć?
Domyślnie, wynik wizualny jest taki sam. Jednakże, znaczenie semantyczne jest inne. Element <em> reprezentuje podkreślenie jego zawartości, podczas gdy element <i> reprezentuje tekst, który jest wyłączony z normalnej prozy, np. obce słowo, myśli fikcyjnej postaci, lub gdy tekst odnosi się do definicji słowa, zamiast reprezentować jego znaczenie semantyczne. (Tytuł dzieła, taki jak nazwa książki lub filmu, powinien używać <cite>.)
To oznacza, że właściwy do użycia zależy od sytuacji. Żaden z nich nie służy do celów czysto dekoracyjnych, do tego właśnie służy stylizacja CSS.
Przykładem dla <em> może być: „Po prostu zrób to już!”, lub: „Musieliśmy coś z tym zrobić”. Osoba lub oprogramowanie czytające tekst wymówiłoby słowa zapisane kursywą z akcentem, używając akcentu słownego.
Przykładem dla <i> może być: „The Queen Mary popłynęła ostatniej nocy”. Tutaj, nie ma żadnego dodatkowego nacisku lub znaczenia na słowo „Queen Mary”. Jest tylko zaznaczone, że obiekt, o którym mowa, nie jest królową o imieniu Mary, ale statkiem o nazwie Queen Mary. Innym przykładem dla <i> może być: „The word the is an article”.