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'attribut cite tandis qu'un texte représentant la source peut être donné via l'élément <cite>.

Catégories de contenu Contenu de flux, racine de section, contenu tangible.
Contenu autorisé Contenu de flux.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
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 HTMLQuoteElement

Attributs

Comme pour tous les éléments HTML, on peut utiliser les attributs universels.

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 margin-left ou margin-right (ou encore la propriété raccourcie margin)
  • Pour les citations courtes, on pourra utiliser l'élément <q>.

Exemples

HTML

<blockquote cite="http://developer.mozilla.org">
  <p>Ceci est une citation issue du Mozilla Developer Network.</p>
</blockquote>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<blockquote>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<blockquote>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<blockquote>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui
citeChrome Support complet OuiEdge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Voir aussi

  • <q> qui permet de placer des citations en incise dans une ligne de texte.
  • <cite> qui permet d'indiquer la source de la citation.

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : PhilippeV, SphinxKnight, marie-ototoi, tregagnon, teoli, regisg27
Dernière mise à jour par : PhilippeV,