HTML <address> Tag
Der HTML <address>-Tag gibt Kontaktinformationen zum Autor oder Eigentümer eines Dokuments oder Artikels an.
Der <address>-Tag enthält Kontaktinformationen für den Autor oder Eigentümer eines Dokuments oder Artikels. Er kann eine E-Mail-Adresse, eine Telefonnummer, eine physische Adresse, einen Link zur Website des Autors, Social-Media-Handles und Ähnliches enthalten.
Diese Seite erklärt, was <address> semantisch bedeutet, wo er platziert werden sollte, welche häufigen Fehler zu vermeiden sind und wie er mit <footer> kombiniert werden kann.
Was <address> wirklich bedeutet
Das Wichtigste ist zu verstehen, dass <address> kein generischer Container für beliebige Postanschriften ist. Er kennzeichnet ausschließlich die Kontaktdaten für:
- das nächste übergeordnete
<article>-Element — also den Autor dieses Artikels, oder - das Dokument als Ganzes, wenn das nächste übergeordnete Element das
<body>-Element ist — also den Eigentümer der Seite.
Der Geltungsbereich eines <address>-Blocks hängt also davon ab, wo er platziert wird:
- Innerhalb von
<body>(häufig im<footer>der Seite) → bezieht sich auf den Autor oder Eigentümer des gesamten Dokuments. - Innerhalb eines
<article>→ bezieht sich auf den Autor dieses Artikels.
Verwenden Sie <address> nicht für eine beliebige Postanschrift, die nur Teil des Seiteninhalts ist — beispielsweise eine Mailingadresse in einem Blogbeitrag, ein Veranstaltungsort auf einer Veranstaltungsseite oder die Adresse eines Geschäfts in einer Produktbeschreibung. Das sind keine Kontaktdaten für den Autor oder Eigentümer des Dokuments oder Artikels, daher sollten sie als einfacher Text (oder in einem <p>) dargestellt werden. Die missbräuchliche Verwendung von <address> vermittelt Hilfstechnologien und Suchmaschinen eine falsche Aussage über die Bedeutung des Inhalts.
Syntax
Der <address>-Tag wird als Paar verwendet. Der Inhalt steht zwischen dem öffnenden (<address>) und dem schließenden (</address>) Tag.
Die meisten Browser fügen vor und nach dem Element einen Zeilenumbruch ein und stellen den Text in Kursivschrift dar. Diese Formatierung lässt sich mit CSS überschreiben.
Beachten Sie, dass <address> keine Überschriften (<h1>–<h6>), Abschnittselemente wie <article> oder <section> sowie keine weiteren <address>-, <header>- oder <footer>-Elemente enthalten darf.
Kontaktinformationen auf Dokumentebene
Wenn die Kontaktinformationen für die gesamte Seite gelten, platzieren Sie <address> innerhalb von <body> — typischerweise im Seitenfooter:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<address>
Author: W3docs team<br />
<a href="mailto:[email protected]">Contact Author</a>
</address>
</body>
</html>Autor eines Artikels
Um die Kontaktdaten des Autors eines einzelnen Artikels auszuzeichnen, platzieren Sie <address> innerhalb des <article>-Elements dieses Artikels (üblicherweise im <footer> des Artikels). Dies ist die kanonische, semantisch korrekte Verwendung des Tags:
<!DOCTYPE html>
<html>
<head>
<title>Article author</title>
</head>
<body>
<article>
<h2>Understanding Semantic HTML</h2>
<p>Semantic elements describe their meaning to both the browser and the developer...</p>
<footer>
<p>Posted on June 17, 2026.</p>
<address>
Written by Jane Doe.<br />
Contact: <a href="mailto:[email protected]">[email protected]</a><br />
<a href="https://example.com/jane">example.com/jane</a>
</address>
</footer>
</article>
</body>
</html><address> im Seitenfooter verwenden
Wenn die Autor- oder Eigentümerdetails zur gesamten Website gehören, können Sie <address> zusammen mit weiteren Informationen im <footer> der Seite einbinden. Hier sind die Adressdaten Kontaktinformationen für den Website-Eigentümer — genau das, wofür <address> gedacht ist. Eine einfache Firmenanschrift ohne Bezug zu Autor oder Eigentümer würde nicht in <address> gehören:
<!DOCTYPE html>
<html>
<head>
<style>
.header{
height: 40px;
padding: 20px 20px 0;
background: #e1e1e1;
}
.main-content{
height: 60vh;
padding: 20px;
}
footer{
padding: 10px 20px;
background: #666666;
color: white;
}
a{
color: #00aaff;
}
</style>
</head>
<body>
<div class="header">Header / Menu</div>
<div class="main-content">
<h1>Main content</h1>
<p>This is some paragraph. </p>
</div>
<footer style="display:flex; justify-content:space-between; align-items:flex-end;">
<p style="margin:0;">Company © W3docs. All rights reserved.</p>
<address>
Contact us: <a href="mailto:[email protected]">[email protected]</a>
</address>
</footer>
</body>
</html>Attribute
Der <address>-Tag hat keine elementspezifischen Attribute. Er unterstützt nur die Globalen Attribute und die Ereignisattribute.