HTML -citaat- en citatie-elementen
In dit hoofdstuk gaan we door de
<blockquote>
, <q>
, <abbr>
, <address>
, <cite>
en <bdo>
HTML-elementen.
Voorbeeld
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> voor offertes
Het HTML <blockquote>
-element definieert een sectie die uit een andere bron wordt geciteerd.
Browsers laten meestal <blockquote>
elementen inspringen.
Voorbeeld
<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> voor korte offertes
De HTML <q>
-tag definieert een korte offerte.
Browsers plaatsen normaal gesproken aanhalingstekens rond het citaat.
Voorbeeld
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> voor afkortingen
De HTML <abbr>
-tag definieert een afkorting of een acroniem, zoals "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Het markeren van afkortingen kan nuttige informatie geven aan browsers, vertaalsystemen en zoekmachines.
Tip: Gebruik het globale titelattribuut om de beschrijving voor de afkorting/acroniem weer te geven wanneer u met de muis over het element gaat.
Voorbeeld
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <adres> voor contactgegevens
De HTML <address>
-tag definieert de contactgegevens van de auteur/eigenaar van een document of artikel.
De contactgegevens kunnen een e-mailadres, URL, fysiek adres, telefoonnummer, social media-handvat, enz. zijn.
De tekst in het <address>
element wordt meestal cursief weergegeven
en browsers zullen altijd een regeleinde voor en na het <address>
element toevoegen.
Voorbeeld
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <cite> voor werktitel
De HTML <cite>
-tag definieert de titel van een creatief werk (bijvoorbeeld een boek, een gedicht, een lied, een film, een schilderij, een beeldhouwwerk, enz.).
Opmerking: de naam van een persoon is niet de titel van een werk.
De tekst in het <cite>
element wordt meestal cursief weergegeven .
Voorbeeld
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> voor bidirectionele opheffing
BDO staat voor Bi-Directional Override.
De HTML <bdo>
-tag wordt gebruikt om de huidige tekstrichting te overschrijven:
Voorbeeld
<bdo dir="rtl">This text will be written from right to left</bdo>
HTML-oefeningen
HTML-citaat- en citatie-elementen
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 |
Bezoek onze HTML Tag Reference voor een volledige lijst van alle beschikbare HTML-tags .