HTML <q> etiket

Definition og brug

<q> Tagget definerer korte citater.

Browseren indsætter normalt citationstegn omkring citaterne.

Tip:Brug dette for lange citater: <blockquote>-tagget.

Se også:

HTML DOM Reference Manual:Quote-objekt

Eksempel

Eksempel 1

Mærk korte citater:

<p>Verdens naturfondes mål er:
<q>Byg en fremtid, hvor mennesker og naturen lever i harmoni.</q>
Vi ønsker dem held og lykke.</p>

Prøv det selv

Eksempel 2

Brug CSS til at sætte stilen på <q>-elementet:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>Verdens naturfondes mål er:
<q>Byg en fremtid, hvor mennesker og naturen lever i harmoni.</q>
Vi ønsker dem held og lykke.</p>
</body>
</html>

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
cite URL Definerer kilde-URL for citat

Globale attributter

<q> Tagget understøtter også Globale attributter i HTML.

eventattributter

<q> Tagget understøtter også Eventattributter i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <q> Element:

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

Prøv det selv

Browserstøtte

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support