<address>: Das Kontaktadresse-Element

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 gibt an, dass der eingeschlossene HTML-Inhalt Kontaktinformationen für eine Person oder Personen oder für eine Organisation bereitstellt.

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 durch den Inhalt eines <address>-Elements bereitgestellten Kontaktinformationen können in jeder Form vorliegen, die für den Kontext geeignet ist. Sie können jede Art von benötigten Kontaktinformationen enthalten, wie eine physische Adresse, URL, E-Mail-Adresse, Telefonnummer, Social-Media-Handle, geografische Koordinaten usw. 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, z.B. um die Kontaktdaten eines Unternehmens im Seitenkopf bereitzustellen oder um den Autor eines Artikels anzugeben, indem ein <address>-Element innerhalb des <article> eingefügt wird.

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Verwendungshinweise

  • Das <address>-Element kann nur verwendet werden, um die Kontaktinformationen für sein nächstes übergeordnetes <article>- oder <body>-Element darzustellen.
  • Dieses Element sollte nicht mehr Informationen enthalten als die Kontaktinformationen, wie ein Veröffentlichungsdatum (das gehört in ein <time>-Element).
  • Typischerweise kann ein <address>-Element im <footer>-Element des aktuellen Abschnitts platziert werden, falls vorhanden.

Beispiele

Dieses Beispiel demonstriert die Verwendung von <address>, um die Kontaktdaten des Artikelautors abzugrenzen.

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 dem gleichen Standardstil wie die <i>- oder <em>-Elemente rendert, ist es angemessener, <address> zu verwenden, wenn es um Kontaktinformationen geht, da es zusätzliche semantische Informationen vermittelt.

Technische Zusammenfassung

Inhaltskategorien Fließender Inhalt, greifbarer Inhalt.
Erlaubter Inhalt Fließender Inhalt, jedoch ohne verschachteltes <address>-Element, keinen Überschrifteninhalt (<hgroup>, h1, h2, h3, h4, h5, h6), keinen Gliederungsinhalt (<article>, <aside>, <section>, <nav>), und kein <header> oder <footer> Element.
Tag-Auslassung Keine, sowohl das Anfangs- als auch das Endtag sind obligatorisch.
Zulässige Eltern Jedes Element, das fließenden Inhalt akzeptiert, jedoch immer unter Ausschluss von <address>-Elementen (gemäß dem logischen Symmetrieprinzip, wenn das <address>-Tag als Elternteil kein verschachteltes <address>-Element haben kann, dann kann auch 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