HTML <q> etikett

Definition och användning

<q> Taggen definierar korta citat.

Webbläsare lägger vanligtvis in citatstecken runt citeringen.

Tips:För långa citat, använd <blockquote>-taggen.

Se också:

HTML DOM Referenshandbok:Quote-objekt

Exempel

Exempel 1

Markera korta citat:

<p>World Wildlife Fund's mål är:
<q>Bygg en framtid där människor och naturen lever i harmoni.</q>
Vi önskar dem lycka till.</p>

Prova själv

Exempel 2

Använd CSS för att ställa in stilen för <q>-elementet:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>World Wildlife Fund's mål är:
<q>Bygg en framtid där människor och naturen lever i harmoni.</q>
Vi önskar dem lycka till.</p>
</body>
</html>

Prova själv

Egenskap

Egenskap Värde Beskrivning
cite URL Definierar käll-URL för citering.

Globala attribut

<q> Etiketterna stöder också Globala attribut i HTML.

Evenhetsattribut

<q> Etiketterna stöder också Evenhetsattribut i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <q> Element:

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

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd