HTML `<address>`-Element

Das <address>-Element wird verwendet, um Kontaktinformationen zum Eigentümer einer Website oder zum Autor eines Artikels bereitzustellen. Es kann E-Mail, Telefonnummer, Adresse, Link zur Website und so weiter enthalten.

Syntax

Das <address>-Element wird immer in Paaren verwendet. Der Inhalt wird zwischen dem öffnenden (<address>) und dem schließenden (</address>) Tag geschrieben.

Die meisten Browser fügen vor und nach dem Element einen Zeilenumbruch ein, und die Informationen im Element werden kursiv dargestellt.

Wenn das <address>-Element innerhalb des <body>-Elements platziert wird, beziehen sich die darin enthaltenen Kontaktinformationen auf das gesamte Dokument als Ganzes. Um die Kontaktinformationen des Autors des Artikels anzugeben, muss das <address>-Element innerhalb des <article>-Elements platziert werden.

Beispiel für das HTML `<address>`-Element:

html

<!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>

Try it Yourself »

Ergebnis

address-Beispiel

DANGER

Verwenden Sie das <address>-Element nicht, um eine E-Mail-Adresse bereitzustellen, es sei denn, sie ist Teil der Autoreninformationen.

Das <address>-Element wird zusammen mit anderen Informationen im <footer>-Element eingebunden.

Beispiel für das HTML `<address>`-Element zusammen mit dem HTML `<footer>`-Element:

html

<!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>
        3rd street, app 43<br />
        New York, USA        
      </address>
    </footer>
  </body>
</html>

Try it Yourself »

Attribute

Das <address>-Element unterstützt die Globalen Attribute und die Ereignisattribute.

Praxis

Wozu dient das HTML <address>-Element?

Es stellt Kontaktinformationen für eine Website oder einen Teil eines Dokuments bereit.Es fügt der Webseite einen Header hinzu.Es kann jede Art von Kontaktinformationen enthalten und ist nicht nur auf physische Adressen beschränkt.Es ändert die Farbe des Hintergrunds einer Webseite.Es wird verwendet, um den Hauptinhalt der Webseite einzubinden.

HTML <address>-Element ​

Syntax ​

Beispiel für das HTML <address>-Element: ​

Ergebnis ​

Beispiel für das HTML <address>-Element zusammen mit dem HTML <footer>-Element: ​

Attribute ​