Das Tag <address> wird für die Absonderung der Kontaktinformation des Besitzers der Webseite oder des Autors des Artikels verwendet. Für die Kontaktaufnahme kann die Adresse, das Telefon, die E-Mail-Adresse, der Link der Webseite usw. angegeben werden.
Syntax
Das Tag <address> wird gepaart verwendet. Sein Inhalt wird zwischen den Start- <address> und Endtags </address> platziert.
Die meisten Browser fügen vor dem Element und nach ihm eine Leerzeile hinzu, und die Information im Tag wird kursiv dargestellt.
Wenn das Tag <address> im Element <body> platziert wird, so bezieht sich die Kontaktinformation auf das ganze Dokument. Für die Anzeige der Kontaktinformation des Artikel-Autors muss das Tag <address> im Element <article> platziert werden.
Beispiel
<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
</head>
<body>
<address>
Autor: W3docs Team<br />
<a href="mailto:[email protected]">Kontaktieren Sie den Autor</a>
</address>
</body>
</html>Ergebnis
Beispiel
<!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">Überschrift / Menü</div>
<div class="main-content">
<h1>Hauptinhalt</h1>
<p>Das ist ein Absatz. </p>
</div>
<footer style="display:flex; justify-content:space-between; align-items:flex-end;">
<p style="margin:0;">Gesellschaft © W3docs. Alle Rechte vorbehalten.</p>
<address>
3. Straße, App 43<br />
New York, USA
</address>
</footer>
</body>
</html>Ergebnis
Attribute
Das Tag <address> unterschtützt Globale Attribute und Globale Eventhandler.
Browser-Support
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Übe dein Wissen
