Neue Entwickler sind oft verwirrt, wenn sie mehrere Elemente sehen, die ähnliche Ergebnisse liefern. <em> und <i> sind ein häufiges Beispiel, da beide Text kursiv schreiben. Was ist der Unterschied? Welche sollten Sie verwenden?
Standardmäßig ist das visuelle Ergebnis dasselbe. Die semantische Bedeutung ist jedoch unterschiedlich. Das <em> -Element stellt die Betonung seines Inhalts dar, während das <i> -Element Text darstellt, der von der normalen Prosa abweicht, wie ein Fremdwort, fiktive Charaktergedanken oder wenn sich der Text auf die Definition eines Wortes bezieht, anstatt seine semantische Bedeutung darzustellen. (Der Titel eines Werks, z. B. der Name eines Buches oder Films, sollte <cite> .)
Dies bedeutet, dass die richtige Anwendung von der Situation abhängt. Weder ist für rein dekorative Zwecke, das ist, was CSS-Styling ist für.
Ein Beispiel für <em> könnte sein: „Mach es einfach schon!“, oder: „Wir mussten etwas dagegen tun“. Eine Person oder Software, die den Text liest, würde die Wörter kursiv mit einer Betonung aussprechen, wobei verbaler Stress verwendet wird.
Ein Beispiel für <i> könnte sein: „Die Queen Mary segelte letzte Nacht“. Hier gibt es keine zusätzliche Betonung oder Bedeutung des Wortes „Queen Mary“. Es wird lediglich darauf hingewiesen, dass es sich bei dem fraglichen Objekt nicht um eine Königin namens Mary handelt, sondern um ein Schiff namens Queen Mary. Ein anderes Beispiel für <i> könnte sein: „Das Wort ist ein Artikel“.