<address>: Das Kontaktadressenelement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Das <address> HTML-Element zeigt an, dass die eingeschlossenen HTML-Inhalte Kontaktinformationen für eine Person oder Personen oder eine Organisation bereitstellen.

Probieren Sie es aus

<p>Contact the author of this page:</p>

<address>
  <a href="mailto:jim@example.com">jim@example.com</a><br />
  <a href="tel:+14155550132">+1 (415) 555‑0132</a>
</address>

a[href^="mailto"]::before {
  content: "📧 ";
}

a[href^="tel"]::before {
  content: "📞 ";
}

Die von den Inhalten eines <address>-Elements bereitgestellten Kontaktinformationen können in jeder für den Kontext geeigneten Form vorliegen und dürfen jede Art von benötigten Kontaktinformationen enthalten, wie z.B. eine physische Adresse, URL, E-Mail-Adresse, Telefonnummer, Social Media Handle, geografische Koordinaten und so weiter. Das <address>-Element sollte den Namen der Person, Personen oder Organisation enthalten, auf die sich die Kontaktinformationen beziehen.

<address> kann in verschiedenen Kontexten verwendet werden, wie z.B. zur Bereitstellung von Kontaktinformationen eines Unternehmens im Seitenkopf oder zur Angabe des Autors eines Artikels, indem ein <address>-Element innerhalb des <article>-Elements eingefügt wird.

Attribute

Dieses Element enthält nur die globalen Attribute.

Nutzungshinweise

  • Das <address>-Element kann nur verwendet werden, um die Kontaktinformationen für seinen nächsten <article>- oder <body>-Element-Vorfahren darzustellen.
  • Dieses Element sollte nicht mehr Informationen als die Kontaktinformationen enthalten, wie z.B. ein Veröffentlichungsdatum (welches in ein <time>-Element gehört).
  • Typischerweise kann ein <address>-Element innerhalb des <footer>-Elements des aktuellen Abschnitts platziert werden, wenn einer vorhanden ist.

Beispiele

Dieses Beispiel zeigt die Verwendung von <address> zur Markierung der Kontaktinformationen für den Autor eines Artikels.

html
<address>
  You can contact author at
  <a href="http://www.example.com/contact">www.example.com</a>.<br />
  If you see any bugs, please
  <a href="mailto:webmaster@example.com">contact webmaster</a>.<br />
  You may also want to visit us:<br />
  Mozilla Foundation<br />
  331 E Evelyn Ave<br />
  Mountain View, CA 94041<br />
  USA
</address>

Ergebnis

Obwohl es Text mit der gleichen Standardformatierung wie die Elemente <i> oder <em> darstellt, ist es bei der Behandlung von Kontaktinformationen angemessener, <address> zu verwenden, da es zusätzliche semantische Informationen vermittelt.

Technische Zusammenfassung

Inhaltskategorien Flussinhalt, fühlbarer Inhalt.
Erlaubter Inhalt Flussinhalt, jedoch ohne verschachteltes <address>-Element, keiner Überschrift (<hgroup>, h1, h2, h3, h4, h5, h6), keiner Abschnittsinhalte (<article>, <aside>, <section>, <nav>), und kein <header> oder <footer> -Element.
Tag-Weglassen Keine, sowohl das öffnende als auch das schließende Tag sind zwingend erforderlich.
Erlaubte Eltern Jedes Element, das Flussinhalt akzeptiert, jedoch immer ohne <address>-Elemente (gemäß dem logischen Prinzip der Symmetrie kann, wenn <address>-Tag als Elternteil keine verschachtelten <address>-Elemente haben kann, der gleiche <address>-Inhalt kein <address>-Tag als Elternteil haben).
Implizierte ARIA-Rolle group
Erlaubte ARIA-Rollen Beliebig
DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement) Vor Gecko 2.0 (Firefox 4), implementierte Gecko dieses Element mit der [`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement) Schnittstelle

Spezifikationen

Specification
HTML
# the-address-element

Browser-Kompatibilität

Siehe auch