Le tag <q> est un élément de ligne, qui définit des citations courtes dont le volume ne doit pas dépasser un paragraphe. Pour insérer des citations plus longues, on utilise l’élément de bloc <blockquote>.

Outre la mise en évidence des citations, le tag <q> est également utilisé pour définir des mots et des expressions utilisés au sens figuré.

Le contenu du tag <q> dans le navigateur est attribué avec des guillemets, dont l’apparence dépend de l’encodage du document HTML, ainsi que du navigateur. En utilisant les styles CSS, vous pouvez modifier l’apparence des guillemets.

Syntaxe

Le contenu du conteneur est écrit entre les tags ouvrant (<q>) et fermant (</q>).

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>Comme l'a dit Bernard Show:
      <q cite="https://www.wikiquote.org/">Qui est capable, il fait; qui n'est pas capable, il enseigne.</q>
    </p>
  </body>
</html>

Résultat

Bernard Show a dit...

Attributs

Attribut Valeur Description
cite URL Indique la source de la citation. L’utilisateur ne voit pas cette information.

Le tag <q> supporte également les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <q> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <q>:

Coloration du texte dans le tag HTML <q>:

Styles de mise en page du texte pour la tag HTML <q>:

Autres propriétés utiles pour le tag HTML <q>:

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Qu'est-ce qui est vrai concernant la balise HTML <q>?
Trouvez-vous cela utile?