Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt
Sie befinden sich: Startseite » HTML lernen – Website erstellen & strukturieren » Text kursiv <i> oder <em>

Kursiv mit HTML-Befehl <i> oder <em> – schräge Typen in HTML

Um Passagen oder Wörter hervorzuheben, konnten diese bisher kursiv (in Windrichtung liegend) dargestellt werden.

Hier kommt nun <i>kursiver (schräger)</i> Text.

Im Browser erfolgt dann die Ausgabe:

Hier kommt nun kursiver (schräger) Text

Das i steht für das englische Wort „italic“ = italienisch. Das Wort „italienisch“ hat erstmals nicht allzu viel mit kursiv zu tun, sofern man die Hintergrundgeschichte nicht kennt. Diese Hintergrundgeschichte ist ein Andenken an einen italienischen Schriftsetzer in der venezianischen Druckerei von Aldus Manutius. Er entwickelte als erster schräge Buchstaben, um mehr Text auf eine Seite zu bekommen und dadurch das erste Taschenbuch herausbringen zu können.

PS: Das erste Taschenbuch musste nicht in Hosentaschen passen, sondern in Satteltaschen.

Und wie bei der Hervorhebung durch Fett (<b> bzw. <strong>) gibt es für die kursive Hervorhebung 2 verschiedene HTML-Befehle.

Kursive Darstellung mit semantisch-logischem HTML-TAG <em>

HTML-TAG <em> steht für das englische Wort „emphasis“ = „Betonung, Gewichtung, Nachdruck“. Da es von der Textlogik passt, nutzen Sie diesen statt dem HTML-TAG <i>, wenn Sie etwas betonen wollen.

HTML5 und <i> und <em> – Unterschied und Bedeutungswandel

Seit HTML5 haben diese beiden HTML-Befehle eine neue Bedeutung bekommen, die sich meiner Meinung nach in der Praxis schwertun werden.

Nach der neuen Bedeutung sollte der HTML-TAG <i> für Textbereiche ohne weitere Betonung oder weitere Bedeutung verwendet werden.

Beim W3C werden als Beispiele zur Verwendung von <i> genannt:

  • für taxonomische Kennzeichnung, um nach „bestimmten Kriterien klassifizieren zu können“, was die Beispiele der W3C auch stützen
  • für technische Ausdrücke
  • für idiomatische Phrasen aus einer Fremdsprache. Die Redewendung „Kind und Kegel“ ist ein idiomatischer Ausdruck. Bei einem idiomatischen Ausdruck lässt sich die Bedeutung dieser Redewendung aus der Bedeutung der Wörter direkt herleiten.
  • für einen Gedanken (das ist mal einfach, liebes W3C :))
  • für einen Schiffsnamen (? … erstaunlich, was für eine Bedeutung Schiffsnamen für den W3C zu haben scheinen).

Wer selber das Original vom W3C ansehen mag:
https://w3c.github.io/html-reference/i.html

Also kurzum – um Text schräg darzustellen ohne besondere Betonung.

<em> bei HTML5

Der W3C sagt so schön: ein Textbereich mit „emphatic stress“ (siehe https://w3c.github.io/html-reference/em.html)

Also beispielsweise etwas, was man beim mündlichen Aussprechen dann anders betonen würde als normalerweise. „Rufe einen Arzt sofort!“ wäre dafür ein schönes Beispiel.

Anmerkung zur Lesbarkeit von kursivem Text

Anmerkung zu Kursiv: Kursive Schrift bremst den Leser – daher sollten bestenfalls nur kurze Textpassagen kursiv angezeigt werden. Sind lange Textpassagen bzw. der ganze Text kursiv, wird es anstrengend für den Leser. Also bitte sachte mit der Verwendung von kursivem Text.

Weiterempfehlen • Social Bookmarks • Vielen Dank

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Vielen Dank für Ihre Hilfe

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details