🇫🇷 Système de Design de l’État
Citation - Quote
Raccourci typographique
Publié le 07/06/2024 | Modifié le 23/09/2024
La citation permet de citer un texte dans une page éditoriale. Elle peut provenir d’un extrait d’un discours oral formulé par une tierce personne ou d’un texte écrit.
Règles d’utilisation
- Une citation n’est pas limitée en nombre de caractères, tant qu’elle est correctement “sourcée”, il convient cependant de ne pas excéder une taille trop importante pour éviter que le bloc ne prenne trop de place, notamment en mobile.
- Deux citations ne peuvent se suivre directement.
- Pour rappel, les citations courtes d’une œuvre publiée sont autorisées et encadrées en France par le Code de la Propriété Intellectuelle et plus précisément l’article L122-5.
Exemple
« Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. »
Paramètres du raccourci <dsfr-citation>
| Nom du paramètre | Valeur par défaut | Valeur(s) autorisée(s) | |
|---|---|---|---|
| auteur | Auteur de la citation | ||
| source | Source de la citation qui contient le titre d’une œuvre telle qu’un livre, une chanson, un film, un site web, un jeu... | ||
| source_url | URL de la source. Lorsque la citation reprend un texte d’un autre site, il faut préciser l’url de celui-ci. | ||
| source_details | Liste des détails (séparés par des virgules) de la citation afin de préciser l’origine du texte cité (page, chapitre...). | ||
| taille | grande | petite, moyenne, grande | Taille du texte. |
| couleur | Nom de la couleur illustrative DSFR de la charte de l’État (ex : green-emeraude, brown-caramel, purple-glycine, etc...) |
« Lorem [...] elit ut. »
- Titre de l'œuvre
- Détail 1
- Détail 2
- Détail 3
- Détail 4
« Je pense donc, je suis »
- Discours de la méthode
- 1637
- IVe partie
« Je sais que je ne sais rien »
- Apologie de Socrate
- IVe s. av. J.-C.
« Ose savoir ! »
- Qu’est-ce que les Lumières ?
- 1784
<dsfr-citation
|auteur=Auteur
|source=Titre de l'œuvre
|source_url=https://developer.mozilla.org/fr/docs/Web/HTML/Element/cite
|source_details=Détail 1,Détail 2,Détail 3,Détail 4
|taille=moyenne
|couleur=green-emeraude
>
Lorem [...] elit ut.
</dsfr-citation>
<dsfr-citation
|auteur=René Descartes
|source=Discours de la méthode
|source_url=https://fr.wikipedia.org/wiki/Discours_de_la_m%C3%A9thode
|source_details=1637,IVe partie
>
Je pense donc, je suis
</dsfr-citation>
<dsfr-citation
|auteur=Socrate
|source=Apologie de Socrate
|source_url=https://fr.wikipedia.org/wiki/Apologie_de_Socrate
|source_details=IVe s. av. J.-C.
>
Je sais que je ne sais rien
</dsfr-citation>
<dsfr-citation
|auteur=Emmanuel Kant
|source=Qu’est-ce que les Lumières ?
|source_details=1784
>
Ose savoir !
</dsfr-citation>