Balise HTML <q>
Exemple
Marquez une courte citation :
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La <q>
balise définit une courte citation.
Les navigateurs insèrent normalement des guillemets autour de la citation.
Astuce : Utilisez <blockquote> pour les citations longues.
Prise en charge du navigateur
Element | |||||
---|---|---|---|---|---|
<q> | Yes | Yes | Yes | Yes | Yes |
Les attributs
Attribute | Value | Description |
---|---|---|
cite | URL | Specifies the source URL of the quote |
Attributs globaux
La <q>
balise prend également en charge les attributs globaux en HTML .
Attributs d'événement
La <q>
balise 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>WWF's goal is to:
<q>Build a
future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
Pages connexes
Référence HTML DOM : Quote Object
Paramètres CSS par défaut
La plupart des navigateurs afficheront l' <q>
élément avec les valeurs par défaut suivantes :
Exemple
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}