Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

    <q>

    Bedeutung

    Wörtliche Rede in einem Text


    Notation

    <q [Attribute]>[Elementinhalt]</q>

    Elternelemente

    Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

    Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


    Elementinhalt

    Kann Text mit folgenden anderen HTML-Elementen enthalten:
    Liste der HTML 5 Inline-ElementeInline-Elemente.


    Attribute

    Kann folgende elementspezifische Attribute enthalten:
    zum HTML5 Attribut citecite

    Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
    zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

    onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


    Standard-Style-Formateigenschaften

    q {
       display: inline;
    }
    q:before {
       content: open-quote;
    }
    q:after {
       content: close-quote;
    }


    Beispiel
    <p><q cite="http://www.example.com">Liebe Schüler</q>, sagte der Lehrer, <q>morgen fällt die Schule aus.</q></p>
    <p>Ich fragte: <q>Kommst du mit?</q></p>
    <p>Sie erwiderte: <q>Ich habe keine Zeit.</q></p>
    
    Anzeigebeispiel

    Liebe Schüler, sagte der Lehrer, morgen fällt die Schule aus.

    Ich fragte: Kommst du mit?

    Sie erwiderte: Ich habe keine Zeit.

    Erläuterung

    Das <q>InformationBedeutung: <q>quote; Zitat Element markiert ein Zitat bzw. eine wörtliche Rede innerhalb eines Textes. Browser die das <q> Element unterstützen, sollten bei dessen Verwendung Anführungszeichen um den eingeschlossenen Text setzen.

    Die Darstellung der Anführungszeichen die vom Browser gesetzt werden, entsprechen jedoch nicht unbedingt den gewünschten typografischen Anführungszeichen, diese Problematik lässt sich mit der CSS Eigenschaft quotes behandeln. Beispiel: q { quotes:"201E" "201C"; }

    Mit Hilfe des Attributs cite im einleitenden Tag des <q> Elements, kann einen Verweis zur Quelle des Zitats angegeben werden. Unterstützende Browser bieten dem Nutzer die Möglichkeit die angegebene URL aufzurufen.


    W3C Logo & WHATWG Logo Spezifikation

    Tastaturkürzel