nowi programiści często są zdezorientowani widząc wiele elementów, które dają podobne wyniki. <em> i <i> są częstym przykładem, ponieważ obie kursywą tekstu. Co za różnica? Którego powinieneś użyć?
domyślnie efekt wizualny jest taki sam. Jednak znaczenie semantyczne jest inne. Element <em> reprezentuje podkreślenie jego treści, podczas gdy element <i> reprezentuje tekst, który jest oderwany od zwykłej prozy, takiego obcego słowa, myśli fikcyjnych 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>.)
oznacza to, że właściwy do użycia zależy od sytuacji. Ani do celów czysto dekoracyjnych, do tego 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 wymawia słowa kursywą z naciskiem, używając stresu słownego.
przykładem dla <i> może być: „The Queen Mary sailed last night”. Tutaj nie ma dodatkowego nacisku ani znaczenia na słowo „królowa Maria”. Wskazuje się jedynie, że przedmiot, 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”.