HTML -Zitat und Zitationselemente
In diesem Kapitel werden wir die
Elemente <blockquote>
, <q>
, <abbr>
, <address>
, <cite>
und <bdo>
HTML durchgehen.
Beispiel
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> für Zitate
Das HTML <blockquote>
-Element definiert einen Abschnitt, der aus einer anderen Quelle zitiert wird.
Browser rücken normalerweise <blockquote>
Elemente ein.
Beispiel
<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> für kurze Zitate
Das HTML <q>
-Tag definiert ein kurzes Zitat.
Browser fügen normalerweise Anführungszeichen um das Zitat ein.
Beispiel
<p>WWF's goal is to: <q>Build a future where people live in harmony with
nature.</q></p>
HTML <abbr> für Abkürzungen
Das HTML <abbr>
-Tag definiert eine Abkürzung oder ein Akronym wie "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Das Markieren von Abkürzungen kann nützliche Informationen für Browser, Übersetzungssysteme und Suchmaschinen liefern.
Tipp: Verwenden Sie das globale Titelattribut, um die Beschreibung für die Abkürzung/das Akronym anzuzeigen, wenn Sie mit der Maus über das Element fahren.
Beispiel
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in
1948.</p>
HTML <Adresse> für Kontaktinformationen
Das HTML <address>
-Tag definiert die Kontaktinformationen für den Autor/Eigentümer eines Dokuments oder eines Artikels.
Die Kontaktinformationen können eine E-Mail-Adresse, eine URL, eine physische Adresse, eine Telefonnummer, ein Social-Media-Name usw. sein.
Der Text im <address>
Element wird normalerweise kursiv dargestellt,<address>
und Browser fügen vor und nach dem Element
immer einen Zeilenumbruch ein .
Beispiel
<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
HTML <zitieren> für Werktitel
Das HTML <cite>
-Tag definiert den Titel einer kreativen Arbeit (z. B. ein Buch, ein Gedicht, ein Lied, ein Film, ein Gemälde, eine Skulptur usw.).
Hinweis: Der Name einer Person ist nicht der Titel eines Werkes.
Der Text im <cite>
Element wird normalerweise kursiv dargestellt .
Beispiel
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
HTML <bdo> für bidirektionale Überschreibung
BDO steht für Bi-Directional Override.
Das HTML <bdo>
-Tag wird verwendet, um die aktuelle Textrichtung zu überschreiben:
Beispiel
<bdo dir="rtl">This text will be written from right to left</bdo>
HTML-Übungen
HTML-Zitat und Zitationselemente
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 |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .