Balise HTML <q>

Définition et utilisation

<q> La balise définit une citation courte.

Les navigateurs insèrent généralement des guillemets autour des citations.

Astuce :Pour les citations longues, utilisez : Balise <blockquote>.

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Quote

Exemple

Exemple 1

Marquer une citation courte :

<p>Le but de la Fondation mondiale pour la nature est :
<q>Construisons un avenir où l'homme vit en harmonie avec la nature.</q>
Nous espérons qu'ils réussiront.</p>

Essayez-le vous-même

Exemple 2

Utilisez CSS pour définir le style des éléments <q> :

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>
<p>Le but de la Fondation mondiale pour la nature est :
<q>Construisons un avenir où l'homme vit en harmonie avec la nature.</q>
Nous espérons qu'ils réussiront.</p>
</body>
</html>

Essayez-le vous-même

Attribut

Attribut Valeur Description
cite URL Définit l'URL source de la citation.

Attributs globaux

<q> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs événement

<q> Les balises prennent également en charge Attributs événement dans HTML.

Configuration CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <q> Élément :

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

Essayez-le vous-même

Compatibilité des navigateurs

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