Citation HTML et éléments de citation
Dans ce chapitre, nous passerons en revue les
éléments <blockquote>
, <q>
, <abbr>
, <address>
, <cite>
et <bdo>
HTML.
Exemple
Here is a quote from WWF's website:
For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
HTML <blockquote> pour les citations
L'élément HTML <blockquote>
définit une section qui est citée à partir d'une autre source.
Les navigateurs indentent généralement les <blockquote>
éléments.
Exemple
<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's
leading conservation organization,
WWF works in 100 countries and is
supported by
1.2 million members in the United States and
close to 5
million globally.
</blockquote>
HTML <q> pour les citations courtes
La balise HTML <q>
définit une courte citation.
Les navigateurs insèrent normalement des guillemets autour de la citation.
Exemple
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> pour les abréviations
La balise HTML <abbr>
définit une abréviation ou un acronyme, comme "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Les abréviations de marquage peuvent donner des informations utiles aux navigateurs, aux systèmes de traduction et aux moteurs de recherche.
Conseil : Utilisez l'attribut de titre global pour afficher la description de l'abréviation/de l'acronyme lorsque vous passez la souris sur l'élément.
Exemple
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <adresse> pour les informations de contact
La balise HTML <address>
définit les coordonnées de l'auteur/propriétaire d'un document ou d'un article.
Les informations de contact peuvent être 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 de l' <address>
élément s'affiche généralement en italique
et les navigateurs ajoutent toujours un saut de ligne avant et après l' <address>
élément.
Exemple
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cite> pour le titre du travail
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 de l' <cite>
élément s'affiche généralement en italique .
Exemple
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> pour le remplacement bidirectionnel
BDO est l'acronyme de Bi-Directional Override.
La balise HTML <bdo>
est utilisée pour remplacer la direction actuelle du texte :
Exemple
<bdo dir="rtl">This text will be written from right to left</bdo>
Exercices HTML
Citation HTML et éléments de citation
Tag | Description |
---|---|
<abbr> | Defines an abbreviation or acronym |
<address> | Defines contact information for the author/owner of a document |
<bdo> | Defines the text direction |
<blockquote> | Defines a section that is quoted from another source |
<cite> | Defines the title of a work |
<q> | Defines a short inline quotation |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .