HTML Zitat- und Zitierelemente
In diesem Kapitel werden wir das durchgehen <blockquote>,<q>, <abbr>, <address>, <cite>, und <bdo> HTML-Elemente.
Beispiel
Hier ist ein Zitat von der Website des WWF:
Seit fast 60 Jahren schützt der WWF die Zukunft der Natur. Als weltweit führende Naturschutzorganisation ist der WWF in 100 Ländern tätig und wird von mehr als einer Million Mitgliedern in den Vereinigten Staaten und fast fünf Millionen weltweit unterstützt.
HTML <blockquote> für Zitate
Das HTML-Element <blockquote> definiert einen Abschnitt, der aus einer anderen Quelle zitiert wird.
Browser rücken normalerweise <blockquote>-Elemente ein.
Beispiel
<p>Hier ist ein Zitat von der Website des WWF:</p>
<blockquote cite="https://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>
Try it Yourself »
HTML <q> für Kurzzitate
Das HTML-Tag <q> definiert ein kurzes Zitat.
Browser fügen normalerweise Anführungszeichen um das Zitat ein.
Beispiel
<p>Das Ziel des WWF ist es: <q>Bauen Sie eine Zukunft auf, in der die Menschen im Einklang mit der Natur leben.</q></p>
Try it Yourself »
HTML <abbr> für Abkürzungen
Das HTML-Tag <abbr> definiert eine Abkürzung oder ein Akronym, z.B "HTML", "CSS", "Mr. ","Dr.", "ASAP", "ATM".
Das Markieren von Abkürzungen kann Browsern, Übersetzungssystemen und Suchmaschinen nützliche Informationen 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>
Try it Yourself »
HTML <address> für Kontaktinformationen
Das HTML-Tag <address> definiert die Kontaktinformationen für den Autor/Eigentümer eines Dokuments oder Artikels.
Bei den Kontaktinformationen kann es sich um eine E-Mail-Adresse, eine URL, eine physische Adresse, eine Telefonnummer, einen Social-Media-Benutzernamen usw handeln.
Der Text im Element <address> wird normalerweise kursiv dargestellt und Browser fügen vor und nach dem immer einen Zeilenumbruch ein <address>-Element.
Beispiel
<address>
Written by John Doe.<br>
Visit us at:<br>
Beispiel.com<br>
Box 564, Disneyland<br>
USA
</address>
Try it Yourself »
HTML <cite> für den Arbeitstitel
Das HTML-Tag <cite> definiert den Titel eines kreativen Werks (z. B. eines Buches, eines Gedichts, eines Liedes, eines Films, eines Gemäldes, einer Skulptur usw.).
Hinweis: Der Name einer Person ist nicht der Titel eines Werkes.
Der Text im Element <cite> wird normalerweise in Kursivschrift dargestellt.
HTML <bdo> für bidirektionale Übersteuerung
BDO steht für Bi-Directional Override.
Das HTML-Tag <bdo> wird verwendet, um die aktuelle Textrichtung zu überschreiben:
Beispiel
<bdo dir="rtl">Dabei wird ein Text von rechts nach links geschrieben</bdo>
Try it Yourself »
HTML Übungen
HTML Zitat- und Zitierelemente
| Tag | Beschreibung |
|---|---|
| <abbr> | Definiert eine Abkürzung oder ein Akronym |
| <address> | Definiert Kontaktinformationen für den Autor/Eigentümer eines Dokuments |
| <bdo> | Definiert die Textrichtung |
| <blockquote> | Definiert einen Abschnitt, der aus einer anderen Quelle zitiert wird |
| <cite> | Definiert den Titel eines Werkes |
| <q> | Definiert ein kurzes Inline-Zitat |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz.
