HTML Quote/Blockquote/Zitat Text Generator
Zitate können inline (<q>) oder als Block (<blockquote>) ausgezeichnet werden.
Anwendung & Beispiele
Beim <q>-Tag ergänzt der Browser automatisch typografisch korrekte Anführungszeichen – kein manuelles Ein- und Ausleiten nötig.
FAQ
Wann <q>, wann <blockquote>?
<q> für kurze, inline Zitate innerhalb eines Satzes. <blockquote> für längere, abgesetzte Zitate als eigener Block. Beide unterstützen cite-Attribut für die Quell-URL.
Soll ich Anführungszeichen manuell setzen?
Bei <q> nein — der Browser ergänzt typografisch korrekte Anführungszeichen (länderabhängig: „deutsch" vs "english"). Bei <blockquote> ist es Stilfrage; Standard ist ohne.
Wie style ich Blockquotes?
Klassisch mit linkem Rand und Einrückung: blockquote { border-left: 4px solid #888; margin: 1em 0; padding-left: 1em; font-style: italic; }.
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.