<blockquote>

Description

L’élément <blockquote> marque un contenu cité depuis une source externe. La source peut être référencée via l’attribut cite (URL) et/ou visuellement dans un <figcaption> ou un <footer> à l’intérieur du bloc. Par convention, les navigateurs indentent le contenu.

Syntaxe

<blockquote cite="https://source.example.com">
  <p>Le texte de la citation.</p>
</blockquote>

Exemples

Citation avec source :

<figure>
  <blockquote cite="https://w3.org">
    <p>Le Web est plus une création sociale que technique. Je l'ai conçu pour un effet social — pour aider les gens à travailler ensemble — et non comme un jouet technique.</p>
  </blockquote>
  <figcaption>— Tim Berners-Lee, <cite>Weaving the Web</cite></figcaption>
</figure>

Citation simple :

<blockquote>
  <p>Tout ce que vous pouvez imaginer, d'autres peuvent le faire.</p>
</blockquote>

Attributs spécifiques

Attribut	Type	Description
cite	URL	URL de la source originale de la citation. Non visible à l’écran, destiné aux navigateurs et robots.

Notes

<blockquote> + <figure> + <figcaption> : le pattern recommandé pour les citations avec attribution. <blockquote> contient la citation, <figcaption> contient la source.

<blockquote> vs <q> : <blockquote> pour les citations longues (bloc) ; <q> pour les citations courtes inline.