Quelle est la syntaxe pour introduire une citation dans une section de texte ?
Le langage HTML propose deux balises pour indiquer des citations dans un texte : <q>
et <blockquote>
(historiquement, la balise <cite>
pouvait aussi être utilisée mais depuis HTML5 elle est réservée à l’indication d’un nom d’œuvre).
La balise HTML <q>
correspond à une citation courte destinée à être insérée au sein du texte d’un paragraphe. Elle peut être reproduite dans une section de texte suivant la syntaxe du balisage par crochets avec le caractère :
([: texte]
).
C’est cette syntaxe qui est utilisée pour désigner les éléments de l’interface dans les pages de ce site comme le montre l’exemple ci-dessous :
Ce qui donne le résultat suivant (vous pouvez noter au passage l’utilisation d’une classe particulière qui va reproduire l’apparence d’un bouton et éviter que le navigateur rajoute de lui-même des guillemets, cette classe n’est pas définie par défaut dans votre fichothèque, elle est propre au besoin de ce site) :
Il est possible d’indiquer une référence ce qui permettra d’avoir une citation cliquable (en termes HTML une balise <a>
sera imbriquée dans la balise <q>
.
La balise HTML <blockquote>
correspond quant à elle à un « bloc de citation », autrement dit elle peut contenir plusieurs paragraphes, de la mise en forme, etc. Il y a deux manières de reproduire un bloc <blockquote>
dans la syntaxe des sections de texte.
La première et la plus simple est de commencer un paragraphe par le caractère >
(le choix de ce caractère vient du fait que c’est celui utilisé dans les courriels pour indiquer le texte auquel on répond). Si plusieurs paragraphes commençant par >
, ils sont fusionnés et si jamais le premier paragraphe commence par l’indication de sa source (>@ ... :
), celle-ci est placée à la fin du groupe, comme le montre l’exemple ci-dessous :
La seconde manière offre plus de possibilités de mise en forme, notamment pour l’attribution. Elle consiste à créer un encadré auquel on donne l’attribut [(variant=blockquote)]
, comme le montre l’exemple suivant (on notera l’utilisation du balisage [@(reférence) …]
pour le nom de l’ouvrage, ce qui est transformé en la balise HTML <cite>
, c’est nullement obligatoire mais tant qu’à faire…)
Ce qui donne :
L’utilisation de cet attribut est compatible avec les autres attributs comme la classe. L’exemple suivant met toute le citation en magenta
Ce qui donne :