Tag HTML <q>


Esempio

Segna una breve citazione:

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

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

Il <q>tag definisce una citazione breve.

I browser normalmente inseriscono virgolette attorno alla virgoletta.

Suggerimento: usa <blockquote> per citazioni lunghe. 


Supporto browser

Element
<q> Yes Yes Yes Yes Yes

Attributi

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


Attributi globali

Il <q>tag supporta anche gli attributi globali in HTML .


Attributi dell'evento

Il <q>tag supporta anche gli attributi dell'evento in HTML .


Altri esempi

Esempio

Usa i CSS per definire lo stile dell'elemento <q>:

<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>

Pagine correlate

Riferimento HTML DOM: Quote Object


Impostazioni CSS predefinite

La maggior parte dei browser visualizzerà l' <q>elemento con i seguenti valori predefiniti:

Esempio

q {
  display: inline;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}