HTML Element - address

Mit dem HTML-Element address lassen sich Kontaktinformationen zu Autor oder Inhaber eines Dokuments semantisch auszeichnen und übersichtlich darstellen.

Beispiel

<address>Max Mustermann 12345 Musterheim Am Musterhügel 12</address>

Definition und Verwendung

Das address-Tag definiert die Kontaktinformationen des Autors/Inhabers eines Dokuments oder Artikels.

Diese Kontaktinformationen können beispielsweise eine Postanschrift, eine E-Mail-Adresse, eine URL oder ein Social-Media-Profil umfassen.

Das address-Element wird üblicherweise kursiv dargestellt. Da das address-Element ein Blockelement ist, fügen Browser immer einen Zeilenumbruch vor und nach dem Element ein.

Nutzung des br-Tags zur besseren Lesbarkeit

Da das address-Element einen zusammengehörigen Kontaktblock darstellt, werden einzelne Zeilen der Adresse üblicherweise mit dem HTML-Tag br voneinander getrennt.

Beispiel: br in addresss

<address>Max Mustermann<br>
12345 Musterheim<br>
Am Musterhügel 12</address>

Attribute

Attribute erweitern Elemente um zusätzliche Eigenschaften oder Informationen und beeinflussen deren Bedeutung, Verhalten oder Darstellung. Sie bestehen in der Regel aus einem Attributnamen und einem zugehörigen Wert, wobei die zulässigen Attribute vom jeweiligen Element abhängen und teils allgemein, teils elementbezogen definiert sind.

Eine besondere Gruppe bilden die aria-*-Attribute, die zur Unterstützung der Barrierefreiheit zusätzliche Informationen für assistive Technologien bereitstellen.

Einsatz von globalen Attributen für das address-Element

Das address-Tag unterstützt alle globalen Attribute. Diese können verwendet werden, um das Element eindeutig zu identifizieren oder sprachlich einzuordnen, ohne dessen semantische Bedeutung zu verändern.

Auswahl Globaler Attribute
Attribut Wert Beschreibung
id
lang

Beispiel: global Attributen - id

<address id="kontaktinformation">Max Mustermann 12345 Musterheim Am Musterhügel 12</address>

Beispiel: global Attributen - lang

<address lang="de">Max Mustermann 12345 Musterheim Am Musterhügel 12</address>

Einsatz von aria-* Attributen im address-Element

Der Einsatz des aria-label-Attributs unterstützt die barrierefreie Nutzung des address-Elements, indem Kontaktinformationen für assistive Technologien klar beschrieben werden.

aria-* Attribute
Attribut Wert Beschreibung
aria-label Verweist auf die vorhandenen Informationen Stellt eine für assistive Technologien lesbare Bezeichnung bereit, die den Inhalt oder die Bedeutung eines Elements beschreibt.

Beispiel: aria-* Attributen - aria-label

<address id="kontaktinformation" aria-label="Kontaktinformationen des Autors">Max Mustermann 12345 Musterheim Am Musterhügel 12</address>

Standardbrowser CSS

Webbrowser wenden auf viele Elemente vordefinierte CSS-Stile an, die eine grundlegende Struktur und Lesbarkeit sicherstellen. Umfang und Ausgestaltung dieser Standardstile können je nach Browser variieren, etwa in Bezug auf Abstände, Schriftgrößen oder die Darstellung einzelner Elemente.

address {
  display: block;
  font-style: italic;
}

Browserunterstützung

Die Unterstützung von Elementen und Attributen ist in den gängigen modernen Browsern weitgehend einheitlich gewährleistet. Unterschiede können dennoch in Details, im Einführungszeitpunkt neuer Funktionen oder bei experimentellen Features auftreten.

Diese Tabelle zeigt die Unterstützung des address durch gängige Webbrowser und ordnet dessen Verfügbarkeit im aktuellen Browserumfeld ein.
Element Firefox Internet Explorer / Edge Safari Chrome Opera
<address>