Commentaire sur la question : Quelle est la syntaxe pour introduire une citation dans une section de texte ?

Si la réponse à cette question ne vous parait pas claire ou si elle vous semble obsolète, n’hésitez pas à nous en faire part.

Et nous sommes preneurs également de toute correction de faute d’orthographe ou de grammaire...

Retour à la question

Rappel de la réponse à la question :

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 :

cliquez sur le bouton [:(class=bdf-Button) Écarter la fiche] pour valider

Exemple d’utilisation de [: texte]

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 a été rajoutée pour répondre à un besoin spécifique) :

cliquez sur le bouton Écarter la fiche pour valider

Résultat de l’exemple précédent

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>.

D'après la base de connaissance de la fichothèque [:(http://www.fichotheque.net/bdf_question-75.html) les différentes normes de saisies sont consultables dans le mémento], gardez ce lien en mémoire

Exemple d’utilisation d’une référence

D’après la base de connaissance de la fichothèque les différentes normes de saisies sont consultables dans le mémento, gardez ce lien en mémoire

Résultat de l’exemple de la référence

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 :

>@Les animaux malades de la peste, La Fontaine : Selon que vous serez puissant ou misérable,

>Les jugements de cour vous rendront blanc ou noir.

Exemple de plusieurs paragraphes de citation

Selon que vous serez puissant ou misérable,

Les jugements de cour vous rendront blanc ou noir.

Les animaux malades de la peste, La Fontaine

Résultat de l’exemple précédent

La seconde manière offre plus de possibilités de mise en forme, notamment pour l’attribution. Elle consiste à créer un encadré pour lequel on indique une classe particulière, la classe BLOCKQUOTE, comme le montre l’exemple suivant (on notera l’utilisation du balisage [@ ...] pour le nom de l’ouvrage, ce qui est transformé en la balise HTML <cite>, c’est nullement obligatoire mais tant qu’à faire…)

[(class=BLOCKQUOTE)]
!!!
l=Benjamin Jean, [@(http://framabook.org/optionlibre-dubonusagedeslicenceslibres/) Option Libre, Du bon usage des licences libres], [a(http://framabook.org) Framabook], 2011, p 80.

La caractéristique différenciatrice des pratiques basées sur l'usage de licences libres est leur grande ouverture : chaque titulaire choisit de partager ses droits avec tous plutôt que de les négocier avec chacun.

[...]

Ce mouvement prend place dans un contexte de remise en question de la propriété intellectuelle classique et d'un affrontement entre plusieurs conceptions.

!!!!!!!!!!!

Exemple de cadre pour la citation

Ce qui donne :

La caractéristique différenciatrice des pratiques basées sur l’usage de licences libres est leur grande ouverture : chaque titulaire choisit de partager ses droits avec tous plutôt que de les négocier avec chacun.

[…]

Ce mouvement prend place dans un contexte de remise en question de la propriété intellectuelle classique et d’un affrontement entre plusieurs conceptions.

Benjamin Jean, Option Libre, Du bon usage des licences libres, Framabook, 2011, p 80.

L’utilisation de la classe BLOCKQUOTE n’interdit pas l’utilisation d’autres classes mais elle doit être placée en premier.

L’exemple suivant met toute le citation en magenta

[(class="BLOCKQUOTE M")]
!!!

J’aime le magenta~!!!

!!!!!!!!!!!

Exemple d’utilisation de plusieurs classes

Ce qui donne :

J’aime le magenta !!!