HTML Éléments de citation et de référence


Dans ce chapitre, nous allons passer en revue les éléments HTML <blockquote> , <q> , <abbr> , <address> , <cite> et <bdo> .


Exemple

Voici une citation du site Web du WWF :

Depuis 60 ans, le WWF travaille pour aider les gens et la nature à prospérer. En tant que principale organisation de conservation au monde, le WWF opère dans près de 100 pays. À tous les niveaux, nous collaborons avec des personnes du monde entier pour développer et fournir des solutions innovantes qui protègent les communautés, la faune et les lieux où elles vivent.
Essayez-le vous-même »

HTML <blockquote> pour les citations

L'élément HTML <blockquote> définit une section qui est citée d'une autre source.

Les navigateurs indentent généralement les éléments <blockquote> .

Exemple

<p>Voici une citation du site Web du WWF :</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
Depuis 60 ans, le WWF travaille pour aider les gens et la nature à prospérer. En tant que principale organisation de conservation au monde, le WWF opère dans près de 100 pays. À tous les niveaux, nous collaborons avec des personnes du monde entier pour développer et fournir des solutions innovantes qui protègent les communautés, la faune et les lieux où elles vivent.
</blockquote>
Essayez-le vous-même »

HTML <q> pour les courtes citations

La balise HTML <q> définit une courte citation.

Les navigateurs insèrent normalement des guillemets autour de la citation.

Exemple

<p>L'objectif du WWF est de : <q>Construire un avenir où les gens vivent en harmonie avec la nature.</q></p>
Essayez-le vous-même »


HTML <abbr> pour les abréviations

La balise HTML <abbr> définit une abréviation ou un acronyme, comme "HTML", "CSS", "M.", "Dr.", "Dès que possible", "DAB".

Marquer les abréviations peut fournir des informations utiles aux navigateurs, aux systèmes de traduction et aux moteurs de recherche.

Conseil : Utilisez l'attribut title global pour afficher la description de l'abréviation/acronyme lorsque vous survolez l'élément.

Exemple

<p>L' <abbr title="Organisation mondiale de la santé">OMS</abbr> a été fondée en 1948.</p>
Essayez-le vous-même »

HTML <address> pour les informations de contact

La balise HTML <address> définit les informations de contact pour l'auteur ou le propriétaire d'un document ou d'un article.

Les informations de contact peuvent inclure une adresse e-mail, une URL, une adresse physique, un numéro de téléphone, un identifiant de réseau social, etc.

Le texte dans l'élément <address> s'affiche généralement en italique, et les navigateurs ajouteront toujours un saut de ligne avant et après l'élément <address> .

Exemple

<address>
Écrit par John Doe.<br>
Visitez-nous à :<br>
Example.com<br>
Boîte 564, Disneyland<br>
États-Unis
</address>
Essayez-le vous-même »


HTML <cite> pour le titre d'une œuvre

La balise HTML <cite> définit le titre d'une œuvre créative (par exemple, un livre, un poème, une chanson, un film, une peinture, une sculpture, etc.).

Remarque : Le nom d'une personne n'est pas le titre d'une œuvre.

Le texte dans l'élément <cite> s'affiche généralement en italique .

Exemple

<p><cite>Le Cri</cite> par Edvard Munch. Peint en 1893.</p>
Essayez-le vous-même »

HTML <bdo> pour la surcharge bi-directionnelle

BDO signifie Surcharge Bi-Directionnelle.

La balise HTML <bdo> est utilisée pour remplacer la direction du texte actuelle :

Exemple

<bdo dir="rtl">Ce texte sera écrit de droite à gauche</bdo>
Essayez-le vous-même »


Éléments de citation et de référence HTML

Balise Description
<abbr> Définit une abréviation ou un acronyme
<address> Définit les informations de contact pour l'auteur ou le propriétaire d'un document
<bdo> Définit la direction du texte
<blockquote> Définit une section qui est citée d'une autre source
<cite> Définit le titre d'une œuvre
<q> Définit une courte citation en ligne

Pour une liste complète de toutes les balises HTML disponibles, visitez notre Référence des balises HTML .