Nieuwe ontwikkelaars zijn vaak in de war als ze meerdere elementen zien die hetzelfde resultaat geven. <em> en <i> zijn een veel voorkomend voorbeeld, omdat ze beide tekst cursief maken. Wat is het verschil? Welke moet je gebruiken?
Het visuele resultaat is standaard hetzelfde. De semantische betekenis is echter anders. Het <em> element geeft de nadruk van de inhoud weer, terwijl het <i> element tekst weergeeft die is afgezonderd van het normale proza, zoals een vreemd woord, gedachten van een fictief karakter, of wanneer de tekst verwijst naar de definitie van een woord in plaats van de semantische betekenis weer te geven. (Voor de titel van een werk, zoals de naam van een boek of film, moet <cite> worden gebruikt.)
Dit betekent dat het van de situatie afhangt wat de juiste is om te gebruiken. Geen van beide is voor puur decoratieve doeleinden, daar is CSS-styling voor.
Een voorbeeld voor <em> zou kunnen zijn: “Doe het nou maar gewoon!”, of: “We moesten er iets aan doen”. Een persoon of software die de tekst leest, zou de cursief gedrukte woorden met nadruk uitspreken, met gebruikmaking van verbale klemtoon.
Een voorbeeld voor <i> zou kunnen zijn: “De Queen Mary is gisteravond uitgevaren”. Hier wordt geen extra nadruk gelegd op het woord “Queen Mary”. Er wordt alleen aangegeven dat het object in kwestie niet een koningin met de naam Mary is, maar een schip met de naam Queen Mary. Een ander voorbeeld voor <i> zou kunnen zijn: “Het woord de is een lidwoord”.