Balise HTML <blockquote>
Exemple
Une section citée à partir d'une autre source :
<blockquote cite="https://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
Try it Yourself »
Plus d'exemples "Try it Yourself" (« Essayez-le vous-même ») ci-dessous.
Définition et utilisation
La balise <blockquote> spécifie une section citée à partir d'une autre source.
Les navigateurs indentent généralement les éléments <blockquote> (regardez l'exemple ci-dessous pour voir comment supprimer l'indentation).
Conseils et remarques
Conseil : Utilisez <q> pour les citations en ligne (courtes).
Prise en charge du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <blockquote> | Yes | Yes | Yes | Yes | Yes |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| cite | URL | Précisez la source du devis |
Attributs globaux
La balise <blockquote> prend également en charge les Attributs globaux en HTML.
Attributs d'événement
La balise <blockquote> supporte également les Attributs d'événement en HTML.
Plus d'exemples
Exemple
Utilisez CSS pour supprimer l'indentation de l'élément blockquote :
<html>
<head>
<style>
blockquote {
margin-left: 0;
}
</style>
</head>
<body>
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>
</body>
</html>
Try it Yourself »
Pages connexes
Référence HTML DOM : Objet de Blockquote.
Paramètres CSS par défaut
La plupart des navigateurs affichent l'élément <blockquote> avec les valeurs par défaut suivantes :
Exemple
blockquote {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
}
Try it Yourself »
