HTML Italic/Kursiv Text Generator
Stellt Text kursiv dar. <em> betont semantisch, <i> nur optisch (z.B. Fachbegriffe, Fremdsprache).
Anwendung & Beispiele
<em> ändert die Bedeutung des Satzes (Betonung). <i> kennzeichnet Begriffe, die optisch abgesetzt werden sollen, ohne Bedeutungswechsel.
FAQ
<em> oder <i> — wie entscheide ich?
Wenn die Betonung den Sinn des Satzes ändert (er meinte das wirklich ernst), nutze <em>. Für rein typografisch kursive Begriffe (Fachbegriffe, fremdsprachliche Wörter) <i> oder <cite> für Werktitel.
Wie schalte ich Kursivität per CSS aus?
font-style: normal auf dem Element. Manchmal sinnvoll, wenn Designer Kursivschrift in einer bestimmten Schriftart als unleserlich empfinden.
Kann ich <em> verschachteln?
Ja — die HTML-Spec erlaubt es, und einige Browser zeigen die innere Ebene mit gegenteiliger Stilrichtung (zurück zu aufrecht). Praktisch nutzt man das aber selten.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.