<q>
Représente une courte citation inline, intégrée dans le flux de texte. Le navigateur ajoute automatiquement les guillemets typographiques.
Description
L’élément <q> représente une citation courte intégrée dans le texte. Le navigateur ajoute automatiquement des guillemets typographiques adaptés à la langue du document. L’attribut cite peut pointer vers l’URL source. Pour les citations longues, utiliser <blockquote>.
Syntaxe
<p>Selon MDN, <q>le HTML est le langage de balisage du web</q>.</p>
Exemples
Citation dans un texte :
<p>Tim Berners-Lee a déclaré que <q cite="https://w3.org">le web est une création sociale</q>.</p>
Guillemets multilingues :
<p lang="en">She said <q>hello</q> and smiled.</p>
<!-- Les guillemets s'adaptent à la langue : "hello" -->
<p lang="de">Er sagte <q>Guten Tag</q>.</p>
<!-- En allemand : „Guten Tag" -->
Attributs spécifiques
| Attribut | Type | Description |
|---|---|---|
cite | URL | URL de la source originale de la citation. Attribut informatif, non visible à l’écran. |
Notes
Guillemets automatiques : les guillemets ajoutés par le navigateur dépendent de la langue définie sur l’élément ou ses ancêtres (lang). Vérifier que lang est correctement défini pour obtenir les guillemets typographiques attendus.
<q> vs guillemets manuels : préférer <q> aux guillemets saisis manuellement ("…") — il apporte la sémantique de citation et s’adapte automatiquement à la langue.
Support navigateurs
Chrome1+ · Firefox1+ · Safari3+ · Edge12+