Balise HTML <q>
La balise <q> est un élément en ligne utilisé pour les citations courtes qui ne s'étendent pas sur plusieurs lignes. Pour insérer des citations plus longues, vous devez utiliser l'élément de niveau bloc <blockquote>.
Outre la définition des citations, la balise <q> est également utilisée pour définir des mots ou des expressions employés au sens figuré.
Les navigateurs entourent généralement le texte contenu dans la balise <q> de guillemets, dont l'apparence dépend de l'encodage du document HTML et du navigateur. Vous pouvez modifier l'apparence des guillemets à l'aide de styles CSS.
Syntaxe
La balise <q> s'utilise par paire. Le contenu est écrit entre les balises d'ouverture (<q>) et de fermeture (</q>).
Exemple de la balise HTML <q> :
Balise HTML <q>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Bernard Show says:
<q cite="https://www.wikiquote.org/">He who can, does; he who cannot, teaches.</q>
</p>
</body>
</html>Résultat
Exemple des balises HTML <q> et <blockquote> :
Exemple de la balise HTML <q> utilisée avec la balise <blockquote> :
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
<blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
I'm not crazy, my reality is just different than yours.
</blockquote>
<q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
</body>
</html>Attributs
| Attribut | Valeur | Description |
|---|---|---|
| cite | URL | Indique la source de la citation. L'utilisateur ne peut pas voir cette information. |
| lang | code-langue | Spécifie la langue du contenu de l'élément. |
La balise <q> prend en charge les Attributs globaux et les Attributs d'événement.
Comment styliser une balise HTML <q>
<style>
q {
color: #2a7ae2;
font-weight: bold;
}
</style>
<p>He who can, <q>does</q>; he who cannot, teaches.</p>Pratique
Quelle est la fonction de la balise HTML <q> ?