az új fejlesztők gyakran összezavarodnak, amikor több elemet látnak, amelyek hasonló eredményeket produkálnak. A <em> és a <i> gyakori példa, mivel mindkettő dőlt betűvel írja a szöveget. Mi a különbség? Melyiket kell használni?
alapértelmezés szerint a vizuális eredmény ugyanaz. A szemantikai jelentés azonban más. A <em> elem a tartalmának hangsúlyozását, míg a <i> elem a normál prózából kiinduló szöveget, egy ilyen idegen szót, kitalált jellegű gondolatokat, vagy amikor a szöveg egy szó meghatározására utal, ahelyett, hogy szemantikai jelentését képviselné. (A mű címe, például egy könyv vagy film neve, <cite>legyen.)
ez azt jelenti, hogy a helyes használat a helyzettől függ. Egyik sem pusztán dekorációs célokra szolgál,erre szolgál a CSS stílus.
egy példa a <em> lehet: “csak csináld már!”, vagy: “Tennünk kellett valamit”. A szöveget olvasó személy vagy szoftver kiejtené a szavakat dőlt betűvel, hangsúlyozva, verbális stressz alkalmazásával.
példa a <i> – ra: “a Mária királynő tegnap este vitorlázott”. Itt nincs hozzáadott hangsúly vagy fontosság a “Mária királynő”szóra. Csupán azt jelzik, hogy a kérdéses tárgy nem egy Mária nevű királynő, hanem egy Mária királynő nevű hajó. Egy másik példa <i> lehet:” A szó az egy cikk”.