texte inline

<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

AttributTypeDescription
citeURLURL 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+