Les citations

Citation longue avec <blockquote>

Une sitation est déclarée dans une balise <blockquote>.

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 la balise <cite>.

Dans l’exemple suivant, on utilise la balise <figure> et <figcaption> pour clairement associer la source de la citation contenant la balise <cite> à la citation contenue dans <blockquote>.
Voir sur figure MDN

<figure>
  <blockquote cite="https://dougald.substack.com/p/the-hand-made-web">
    <p>That the publishing industry can’t recognise the difference – or is too cynical
     to care – tells you how deep into this trouble we already were, before the 
     AI-bots arrived to multiply the volume of crap exponentially.</p>
  </blockquote>
  <figcaption>— Dougald Hine, <cite>The Hand Made Web</cite></figcaption>
</figure>

Accessibilité

Ces balises n’ont aucun rôle ARIA mais les autorisent tous.

Citation courte dans un texte avec <q>

Pour une citation plus courte au sein d’un texte, on va utiliser la balise <q>. Une URL indiquant la source de la citation peut également être donnée grâce à l’attribut cite.

<p>
  Et puis, comme l'a dit Anton Zhiyanov
  <q cite="https://antonz.org/stupid/">
    I use the simplest mainstream language available (Go)
  </q>.
</p>

Et puis, comme l'a dit Anton Zhiyanov I use the simplest mainstream language available (Go).

Accessibilité

Cette balise n’a aucun rôle ARIA mais les autorise tous.