--- title: '
: l''élément de bloc de citation' slug: Web/HTML/Element/blockquote tags: - Element - HTML - Reference - Web translation_of: Web/HTML/Element/blockquote ---{{HTMLRef}}L'élément
<blockquote>
(qui signifie bloc de citation) indique que le texte contenu dans l'élément est une citation longue. Le texte est généralement affiché avec une indentation (voir les notes ci-après). Une URL indiquant la source de la citation peut être donnée grâce à l'attributcite
tandis qu'un texte représentant la source peut être donné via l'élément {{HTMLElement("cite")}}.{{EmbedInteractiveExample("pages/tabbed/blockquote.html","tabbed-standard")}}Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Attributs
Comme pour tous les éléments HTML, on peut utiliser les attributs universels.
- {{htmlattrdef("cite")}}
- Une URL qui désigne la source du document ou du message cité. Cet attribut est prévu pour signaler l'information expliquant le contexte ou la référence de la citation
Notes
- Pour changer l'indentation de
<blockquote>
, on utilisera la propriété CSS {{cssxref("margin-left")}} ou {{cssxref("margin-right")}} (ou encore la propriété raccourcie {{cssxref("margin")}})- Pour les citations courtes, on pourra utiliser l'élément {{HTMLElement("q")}}.
Exemples
HTML
<blockquote cite="http://developer.mozilla.org"> <p>Ceci est une citation issue du Mozilla Developer Network.</p> </blockquote>Résultat
{{EmbedLiveSample("Exemples","200","200")}}
Résumé technique
Catégories de contenu Contenu de flux, racine de section, contenu tangible. Contenu autorisé Contenu de flux. Omission de balises {{no_tag_omission}} Parents autorisés Tout élément acceptant du contenu de flux. Rôles ARIA autorisés Tous les rôles sont autorisés. Interface DOM {{domxref("HTMLQuoteElement")}} Spécifications
Spécification État Commentaires {{SpecName('HTML WHATWG', 'semantics.html#the-blockquote-element', '<blockquote>')}} {{Spec2('HTML WHATWG')}} {{SpecName('HTML5 W3C', 'grouping-content.html#the-blockquote-element', '<blockquote>')}} {{Spec2('HTML5 W3C')}} {{SpecName('HTML4.01', 'struct/text.html#h-9.2.2', '<blockquote>')}} {{Spec2('HTML4.01')}} Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.{{Compat("html.elements.blockquote")}}
Voir aussi
- {{HTMLElement("q")}} qui permet de placer des citations en incise dans une ligne de texte.
- {{HTMLElement("cite")}} qui permet d'indiquer la source de la citation.