Balise HTML `<address>`

La balise <address> est utilisée pour fournir les informations de contact du propriétaire d'un site ou de l'auteur de l'article. Elle peut contenir un e-mail, un numéro de téléphone, une adresse, un lien vers le site, etc.

Syntaxe

La balise <address> s'utilise par paires. Le contenu est écrit entre les balises d'ouverture (<address>) et de fermeture (</address>).

La plupart des navigateurs ajoutent un saut de ligne avant et après l'élément, et les informations contenues dans la balise sont affichées en italique.

Si la balise <address> est placée à l'intérieur de l'élément <body>, les informations de contact qu'elle contient se réfèrent au document dans son ensemble. Pour spécifier les informations de contact de l'auteur de l'article, vous devez placer la balise <address> à l'intérieur de l'élément <article>.

Exemple de la balise HTML `<address>` :

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 »

Résultat

exemple de address

DANGER

N'utilisez pas la balise <address> pour fournir une adresse e-mail, sauf si elle fait partie des informations de l'auteur.

La balise <address> est incluse avec d'autres informations dans l'élément <footer>.

Exemple de la balise HTML `<address>` avec la balise HTML `<footer>` :

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 »

Attributs

La balise <address> prend en charge les Attributs globaux et les Attributs d'événement.

Pratique

Quelle est l'utilité de la balise HTML <address> ?

Elle fournit les informations de contact pour un site web ou une partie d'un document.Elle ajoute un en-tête à la page web.Elle peut inclure tout type d'information de contact et n'est pas limitée à une adresse physique uniquement.Elle modifie la couleur de l'arrière-plan d'une page web.Elle est utilisée pour inclure le contenu principal de la page web.

Balise HTML <address> ​

Syntaxe ​

Exemple de la balise HTML <address> : ​

Résultat ​

Exemple de la balise HTML <address> avec la balise HTML <footer> : ​

Attributs ​