Citations

10 min 4 exercices Niveau 3

Afin que les développeurs puissent respecter les standards et droits d’auteurs concernant une œuvre, ainsi que le droit à la courte citation, le langage HTML met à disposition plusieurs balises. Il est ainsi possible de citer les sources, le nom de l’auteur, le titre d’une œuvre, etc.

L'élément <blockquote>

L’élément <blockquote></blockquote> indique que le texte est une citation longue. Dans un <blockquote>, les retours à la ligne sont respectés par le navigateur.

Le HTML permet également d’utiliser l’attribut cite avec cette balise, afin d’indiquer la source de la citation. Par exemple :

<body>
    <!-- Bloc de citation sans l'attribut cite -->
    <blockquote>
        <p>Bloc de citation</p>
    </blockquote>

    <!-- Bloc de citation avec l'attribut cite -->
    <blockquote cite="https://url.com">
        <p>Bloc de citation</p>
    </blockquote>
</body>

L’élément <q>

L’élément <q></q> (raccourci de quote, “citation” en anglais) indique le texte est une citation. Cet élément est utilisé pour les citations courtes, qui ne nécessitent pas de respecter les retours à la ligne.

Bien qu’il n’y ait pas de règles d’affichages définies, la plupart des navigateurs modernes affichent les citations placées entre les balises <q></q> avec des guillemets.

Avec cet élément aussi, l’attribut cite est utilisable afin de fournir la source de la citation.

Exemple :

<body>
    <!-- Faire une citation en incise dans le paragraphe -->
    <p>Chaque fois que Kenny est tué, Stan dira
        <q cite="http://fr.wikipedia.org/wiki/Kenny_McCormick#Le_dialogue_rituel">
            Oh mon Dieu, ils ont tué Kenny !
        </q>.
    </p>
</body>

L’élément <cite>

logo discord

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !

En savoir plus