Nye utviklere er ofte forvirret på å se flere elementer som gir lignende resultater. <em> og <i> er et vanlig eksempel, siden de begge kursiv tekst. Hva er forskjellen? Hvilken skal du bruke?
som standard er det visuelle resultatet det samme. Den semantiske betydningen er imidlertid annerledes. <em> – elementet representerer vektlegging av innholdet, mens <i> – elementet representerer tekst som er satt av fra den normale prosa, et slikt fremmedord, fiktive karaktertanker, eller når teksten refererer til definisjonen av et ord i stedet for å representere sin semantiske betydning. (Tittelen på et verk, for eksempel navnet på en bok eller film, bør bruke <cite>.)
dette betyr at den rette til å bruke avhenger av situasjonen. Verken er for rent dekorative formål, det ER HVA CSS styling er for.
et eksempel på <em> kan være: «Bare gjør det allerede!», eller: «Vi måtte gjøre noe med det.» En person eller programvare som leser teksten, vil uttale ordene i kursiv med vekt, ved hjelp av verbalt stress.
et eksempel på <i> kan være: «Queen Mary seilte i går kveld». Her er det ingen ekstra vekt eller betydning på ordet «Queen Mary». Det er bare indikert at objektet i spørsmålet er ikke en dronning Som heter Mary, men et skip som heter Queen Mary. Et annet eksempel for <i> kan være: «ordet er en artikkel».