HTML <q> Tag
Exemple
Marquez une courte citation :
<p>L'objectif du WWF est de :
<q>Construire un avenir où les gens vivent en harmonie avec la nature.</q>
Nous espérons qu'ils réussiront.</p> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
La balise <q> définit une courte citation.
Les navigateurs insèrent normalement des guillemets autour de la citation.
Astuce : Utilisez <blockquote> pour les longues citations.
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <q> | Oui | Oui | Oui | Oui | Oui |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| cite | URL | Spécifie l'URL source de la citation |
Attributs Globaux
La balise <q> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La balise <q> prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Utilisez CSS pour styliser l'élément <q> :
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>L'objectif du WWF est de :
<q>Construire un avenir où les gens vivent en harmonie avec la nature.</q>
Nous espérons qu'ils réussiront.</p>
</body>
</html> Pages Associées
Référence DOM HTML : Objet Citation
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <q> avec les valeurs par défaut suivantes :
Exemple
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}