nieuwe ontwikkelaars worden vaak verward door het zien van meerdere elementen die vergelijkbare resultaten opleveren. <em> en <i> zijn een algemeen voorbeeld, omdat ze beide cursief tekst. Wat is het verschil? Welke moet je gebruiken?
standaard is het visuele resultaat hetzelfde. De semantische betekenis is echter anders. Het <em> – element vertegenwoordigt de nadruk op de inhoud ervan, terwijl het <i> – element tekst vertegenwoordigt die is afgeleid van het normale proza, zoals een vreemd woord, fictieve karaktergedachten, of wanneer de tekst verwijst naar de definitie van een woord in plaats van de semantische betekenis ervan. (De titel van een werk, zoals de naam van een boek of film, moet <cite>gebruiken.)
dit betekent dat de juiste te gebruiken is afhankelijk van de situatie. Noch is voor puur decoratieve doeleinden, dat is waar CSS styling voor is.
een voorbeeld voor <em> zou kunnen zijn: “doe het gewoon al!”, of: “We moesten er iets aan doen”. Een persoon of software die de tekst leest, spreekt de woorden cursief uit met een nadruk, met behulp van verbale stress.
een voorbeeld voor <i> zou kunnen zijn: “The Queen Mary sailed last night”. Hier is er geen extra nadruk of belang op het woord “Queen Mary”. Er wordt alleen aangegeven dat het object in kwestie niet een koningin genaamd Mary is, maar een schip genaamd Queen Mary. Een ander voorbeeld voor <i> zou kunnen zijn: “het woord het is een artikel”.