nya utvecklare är ofta förvirrade över att se flera element som ger liknande resultat. <em> och <i> är ett vanligt exempel, eftersom de båda kursiverar text. Vad är skillnaden? Vilken ska du använda?
som standard är det visuella resultatet detsamma. Den semantiska betydelsen är dock annorlunda. <em> – elementet representerar stressbetoning av dess innehåll, medan <i> – elementet representerar text som är avstängd från den normala prosa, ett sådant främmande ord, fiktiva karaktärstankar, eller när texten hänvisar till definitionen av ett ord istället för att representera dess semantiska betydelse. (Titeln på ett verk, till exempel namnet på en bok eller film, ska använda <cite>.)
det betyder att rätt att använda beror på situationen. Inte heller för rent dekorativa ändamål, Det är vad CSS styling är för.
ett exempel på <em> kan vara: ”gör det bara redan!”, eller: ”Vi var tvungna att göra något åt det”. En person eller programvara som läser texten skulle uttala orden i kursiv stil med betoning, med verbal stress.
ett exempel på <i> kan vara:”Queen Mary seglade igår kväll”. Här finns ingen extra betoning eller betydelse för ordet ”Queen Mary”. Det indikeras bara att objektet i fråga inte är en drottning som heter Mary, utan ett fartyg som heter Queen Mary. Ett annat exempel på <i> kan vara:”ordet är en artikel”.