<address>

Zuletzt aktualisiert am 5. Februar 2026

Das <address>-Element kennzeichnet Kontaktinformationen für den Autor oder Eigentümer eines Dokuments, Artikels oder Abschnitts. Browser stellen <address> standardmäßig kursiv dar. Es ist kein Element für beliebige Postanschriften, sondern speziell für die Kontaktdaten des Verantwortlichen gedacht — etwa eine E-Mail-Adresse im Footer oder Autoreninfos in einem Blog-Post.

Grundlagen

<address> ist ein semantisches Block-Element, das dem Browser und Screenreadern signalisiert: “Hier stehen Kontaktinformationen zum Verantwortlichen dieses Inhalts.” Je nachdem, wo du es platzierst, bezieht es sich auf unterschiedliche Kontexte:

• <address> ist ein Block-Element: Es erzeugt einen eigenen Absatz mit Zeilenumbruch davor und danach
• Browser stellen <address> standardmäßig in Kursivschrift dar (wie <em>, aber mit anderer Bedeutung)
• Im Body direkt oder im Seiten-Footer: Kontaktdaten des Website-Betreibers
• In einem <article>: Kontaktdaten des Artikelautors
• <address> ist nicht für beliebige Postadressen gedacht (z.B. Lieferadressen in einem Formular)
• Es darf keine Überschriften, keine Sections und keine anderen <address>-Elemente enthalten
• Typische Inhalte: E-Mail-Links, Telefonnummern, Social-Media-Links, physische Adresse des Autors

Syntax

<address>
  Kontaktiere uns: <a href="mailto:info@example.com">info@example.com</a>
</address>

Beispiele

Kontaktinfo im Seiten-Footer

Der häufigste Anwendungsfall: Kontaktinformationen des Website-Betreibers im Footer der Seite. Das <address>-Element macht die Kontaktdaten semantisch als solche erkennbar:

<footer>
  <address>
    Programmieren mit Mario<br>
    <a href="mailto:hallo@mitmario.dev">programmieren@mitmario.dev</a><br>
    <a href="https://youtube.com/@programmierenmario">YouTube</a> ·
    <a href="https://github.com/programmierenm">GitHub</a>
  </address>
  <p>© 2026 Alle Rechte vorbehalten.</p>
</footer>

Autoreninfo in einem Artikel

Innerhalb eines <article> bezieht sich <address> auf den Autor dieses Artikels. So weiß der Browser, wer den Artikel geschrieben hat:

<article>
  <h2>CSS Grid für Einsteiger</h2>
  <p>In diesem Tutorial lernst du die Grundlagen von CSS Grid...</p>
  <footer>
    <address>
      Geschrieben von <a href="mailto:mario@example.com">Mario</a>
    </address>
    <p>
      <time datetime="2026-02-05">5. Februar 2026</time>
    </p>
  </footer>
</article>

Vollständige Kontaktdaten

<address> kann auch mehrere Kontaktwege enthalten. Beachte: Das Styling ist standardmäßig kursiv, aber du kannst das mit CSS überschreiben:

<address style="font-style: normal;">
  Max Mustermann<br>
  Musterstraße 42<br>
  12345 Berlin<br>
  <a href="mailto:max@example.com">max@example.com</a><br>
  <a href="tel:+4930123456">+49 30 123456</a>
</address>

Barrierefreiheit

• Screenreader-Verhalten: Die meisten Screenreader kündigen <address> nicht gesondert an. Der Inhalt wird wie normaler Text vorgelesen. Die semantische Information ist trotzdem wertvoll, da sie maschinenlesbar ist und von Suchmaschinen ausgewertet wird.
• Links bereitstellen: Kontaktinformationen innerhalb von <address> sollten nach Möglichkeit als klickbare Links gestaltet sein — mailto: für E-Mail, tel: für Telefonnummern. Das erleichtert allen Nutzern die Kontaktaufnahme.
• Nicht für Layout verwenden: Nutze <address> nicht als Styling-Wrapper für kursiven Text. Die semantische Bedeutung ist “Kontaktinformation”, und ein falscher Einsatz kann Assistenztechnologien verwirren.

Häufige Fehler

• address für beliebige Postanschriften verwenden: Ein häufiges Missverständnis: <address> ist nicht für jede Adresse gedacht. Eine Lieferadresse in einem Bestellformular oder die Adresse eines Restaurants gehören nicht in ein <address>-Element. Es ist nur für Kontaktdaten des Autors oder Eigentümers eines Dokuments vorgesehen.

• Überschriften oder Sections in address: Das <address>-Element darf keine Überschriften (<h1>–<h6>), keine Sections (<section>, <article>) und kein weiteres <address> enthalten. Halte den Inhalt einfach: Text, Links und Zeilenumbrüche.

• address ohne Kontext verwenden: Platziere <address> so, dass klar ist, auf wen sich die Kontaktdaten beziehen. Im <footer> eines <article> bezieht es sich auf den Autor, im Seiten-Footer auf den Website-Betreiber. Ein <address> mitten im Fließtext ohne erkennbaren Bezug ist verwirrend.

Browser-Kompatibilität

Das address-Element wird von allen Browsern seit den Anfängen des Webs unterstützt.

Email-Kompatibilität

Das address-Element wird in den meisten Email-Clients als kursiver Text dargestellt, verliert aber seine semantische Bedeutung.

Verwandte Elemente