HTML <blockquote> Tag
Exemple
Une section citée d'une autre source :
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Depuis 50 ans, le WWF protège l'avenir de la nature. En tant que principale organisation de conservation au monde, le WWF travaille dans 100 pays et est soutenu par 1,2 million de membres aux États-Unis et près de 5 millions à l'échelle mondiale.
</blockquote> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
La <blockquote> balise spécifie une section citée 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 des citations en ligne (courtes).
Support des Navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <blockquote> | Oui | Oui | Oui | Oui | Oui |
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| cite | URL | Spécifie la source de la citation |
Attributs Globaux
La <blockquote> balise prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
La <blockquote> balise prend également en charge 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>Voici une citation du site Web du WWF :</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Depuis 50 ans, le WWF protège l'avenir de la nature. En tant que principale organisation de conservation au monde, le WWF travaille dans 100 pays et est soutenu par 1,2 million de membres aux États-Unis et près de 5 millions à l'échelle mondiale.
</blockquote>
</body>
</html> Pages Associées
Référence HTML DOM : Objet Blockquote
Paramètres CSS par Défaut
La plupart des navigateurs afficheront 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;
}