<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 Juli 2015.
Das <address>-HTML-Element gibt an, dass die umschlossenen HTML-Informationen Kontaktdaten für eine Person oder Personen oder für 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 durch den Inhalt eines <address>-Elements bereitgestellten Kontaktdaten können jede für den Kontext angemessene Form annehmen und können jede Art von benötigten Kontaktdaten umfassen, 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, der Personen oder der Organisation beinhalten, auf die sich die Kontaktdaten beziehen.
<address> kann in verschiedenen Kontexten verwendet werden, wie z.B. die Bereitstellung von Geschäftskontaktinformationen im Seitenkopf oder die Angabe des Autors eines Artikels durch Einfügen eines <address>-Elements innerhalb des <article>.
Attribute
Dieses Element enthält nur die globalen Attribute.
Verwendungshinweise
- Das
<address>-Element kann nur verwendet werden, um die Kontaktdaten für sein nächstes<article>- oder<body>-Element-Vorfahren darzustellen. - Dieses Element sollte nicht mehr Informationen als die Kontaktdaten enthalten, wie ein Veröffentlichungsdatum (das gehört in ein
<time>-Element). - Typischerweise kann ein
<address>-Element innerhalb des<footer>-Elements des aktuellen Abschnitts platziert werden, wenn vorhanden.
Beispiele
Dieses Beispiel zeigt die Verwendung von <address>, um die Kontaktdaten des Autors eines Artikels abzugrenzen.
<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 Standard-Styling wie die Elemente <i> oder <em> rendert, ist es angemessener, <address> bei Kontaktinformationen zu verwenden, da es zusätzliche semantische Informationen vermittelt.
Technische Zusammenfassung
| Inhaltskategorien | Flussinhalt, palpabler Inhalt. |
|---|---|
| Erlaubter Inhalt |
Flussinhalt,
aber ohne verschachteltes <address>-Element, kein Überschrifteninhalt
(<hgroup>, h1,
h2, h3,
h4, h5,
h6), kein Inhaltsabschnitt
(<article>, <aside>,
<section>, <nav>), und
kein <header> oder <footer>-Element.
|
| Tag-Auslassung | Keine, sowohl das Start- als auch das End-Tag sind erforderlich. |
| Erlaubte Eltern |
Jedes Element, das
Flussinhalt
akzeptiert, jedoch immer unter Ausschluss von <address>-Elementen
(gemäß dem logischen Prinzip der Symmetrie, wenn ein <address>-Tag
als Elternteil kein verschachteltes <address>-Element haben kann,
dann kann derselbe <address>-Inhalt kein
<address>-Tag als Eltern haben).
|
| Implizierte ARIA-Rolle |
group
|
| Erlaubte ARIA-Rollen | Jede |
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) Vor Gecko 2.0 (Firefox 4), implementierte Gecko dieses Element unter Verwendung der [`HTMLSpanElement`](/de/docs/Web/API/HTMLSpanElement)-Schnittstelle |
Spezifikationen
| Specification |
|---|
| HTML # the-address-element |
Browser-Kompatibilität
Loading…