Balise HTML <blockquote>

Définition et utilisation

<blockquote> Balise régissant les parties citées d'autres sources.

Les navigateurs indenteront généralement <blockquote> Élément (regardez les exemples ci-dessous pour savoir comment supprimer l'indentation).

Explication détaillée

<blockquote> Balise définissant une citation en bloc.<blockquote> Avec </blockquote> Tous les textes entre ces balises seront séparés du texte ordinaire, souvent indentés à gauche et à droite (augmentant la marge extérieure), et parfois en italique. Autrement dit, les citations bloquées ont leur propre espace.

Avis :Utilisez <q> Balise pour effectuer des citations en ligne (courtes).

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Blockquote

Exemple

Exemple 1

Partie citée d'autres sources :

<blockquote cite="http://www.worldwildlife.org/who/index.html">
Depuis 50 ans, la Fondation mondiale pour la nature (WWF) se bat pour protéger l'avenir de la nature.
En tant qu'organisation de protection mondiale de pointe, le WWF travaille dans 100 pays et bénéficie du soutien de 1,2 million de membres américains et de près de 5 millions de personnes à l'échelle mondiale.
</blockquote>

Essayez-le vous-même

Exemple 2

Utilisez CSS pour supprimer l'indentation des éléments blockquote :

<html>
<head>
<style>
blockquote {
  margin-left: 0;
}
</style>
</head>
<body>
<p>Cette citation est extraite du site Web de la Fondation mondiale pour la nature (WWF) :</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Depuis 50 ans, la Fondation mondiale pour la nature (WWF) se bat pour protéger l'avenir de la nature.
En tant qu'organisation de protection mondiale de pointe, le WWF travaille dans 100 pays et bénéficie du soutien de 1,2 million de membres américains et de près de 5 millions de personnes à l'échelle mondiale.
</blockquote>
</body>
</html>

Essayez-le vous-même

Attribut

Attribut Valeur Description
cite URL Définir la source de la citation.

Attributs globaux

<blockquote> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<blockquote> Les balises prennent également en charge Attributs d'événement dans HTML.

Configuration CSS par défaut

La plupart des navigateurs utiliseront les valeurs par défaut suivantes pour afficher <blockquote> Élément :

blockquote {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 40px;
  margin-right: 40px;
}

Essayez-le vous-même

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support