Tag HTML <address>

Le tag <address> est utilisé pour souligner l’information sur les contacts du propriétaire du site ou de l’auteur de l’article. En tant que l’information des contacts on peut donner l’adresse, le numéro de téléphone, e-mail, le lien sur le site etc.

Syntaxe

Le tag <address> est apparié, son contenu est écrit entre le tag ouvrant <address> et le tag fermant </address>. La plupart des navigateurs ajoutent avant de l’élément et après lui le saut de ligne, et l’information dans le tag on affiche en italique.

Si le tag <address> est mis en dedans de l’élément <body>, l’information des contacts qu’il contient est sur tout le document en général. Pour mettre en évidence l’informations des contacts de l’auteur de l’article il faut mettre le tag <address> dans l’élément <article>.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <address>
      Auteur: W3docs team<br />
      <a href="mailto:info@w3docs.com">Contacter à l'auteur</a>
    </address>
  </body>
</html>

Résultat

N'utilisez pas le tag & lt;address> à pour fournir une adresse email, à moins que cela ne fasse partie des informations sur l'auteur.

Le tag <address> est inclus avec une autre information dans l’élément <footer>.

Exemple

<!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>Contenu principal</h1>
      <p>C'est un paragraphe. </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>

Attributs

Le tag <address> supporte les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <address> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <address>:

Coloration du texte dans le tag HTML <address>:

Styles de mise en page du texte pour la tag HTML <address>:

Autres propriétés utiles pour le tag HTML <address>:


Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées