HTML tag <q>


Příklad

Označte krátkou citaci:

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

Další příklady „Vyzkoušejte si to sami“ níže.


Definice a použití

Značka <q>definuje krátkou nabídku.

Prohlížeče obvykle vkládají uvozovky kolem nabídky.

Tip: Pro dlouhé citace  použijte <blockquote> .


Podpora prohlížeče

Element
<q> Yes Yes Yes Yes Yes

Atributy

Attribute Value Description
cite URL Specifies the source URL of the quote


Globální atributy

Značka <q>také podporuje globální atributy v HTML .


Atributy události

Značka <q>také podporuje atributy událostí v HTML .


Další příklady

Příklad

Ke stylování prvku <q> použijte CSS:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>

</body>
</html>

Související stránky

Odkaz HTML DOM: Objekt nabídky


Výchozí nastavení CSS

Většina prohlížečů zobrazí <q>prvek s následujícími výchozími hodnotami:

Příklad

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}