HTML address : coordonnées des auteurs et responsables du site

HTML <address> identifie les informations de contact de l'auteur ou de l'organisation responsable d'un document ou d'un article individuel. Il ne se limite pas aux adresses postales : il peut inclure un email, un numéro de téléphone, ou un lien vers une page de contact. Ne l'utilisez pas simplement pour une description de localisation ou pour envelopper chaque chaîne d'adresse.

Identifiez à qui appartiennent les informations de contact

Un address décrit les informations de contact pour son ancêtre le plus proche article. S'il n'existe pas de tel article, il s'applique au document représenté par body. Cela vous permet de placer les coordonnées de l'auteur d'un article et celles de l'opérateur du site dans des portées différentes. Incluez le nom de la personne ou de l'organisation afin que les lecteurs sachent qui reçoit les demandes de renseignements.

Exemple complet : auteur de l'article et opérateur du site

Enregistrez le document suivant sous contacts.html et ouvrez-le dans un navigateur. Les adresses utilisent le domaine d'exemple example.test ; ce sont des valeurs d'exercice sans destinataires réels.

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Coordonnées de l’auteur et du site</title>
  <style>address { font-style: normal; }</style>
</head>
<body>
  <h1>Exemple d’actualités technologiques</h1>
  <article>
    <h2>Guide de la structure d’un document HTML</h2>
    <p>Rédigez ici le contenu de l’article.</p>
    <footer>
      <p>Publié le : <time datetime="2026-10-30">30 octobre 2026</time></p>
      <address>
        Auteur de l’article : équipe éditoriale fictive<br>
        E-mail : <a href="mailto:editor@example.test">editor@example.test</a>
      </address>
    </footer>
  </article>
  <footer>
    <address>
      Responsable du site : équipe de démonstration<br>
      E-mail : <a href="mailto:site@example.test">site@example.test</a>
    </address>
  </footer>
</body>
</html>

Les informations de contact de l'équipe éditoriale apparaissent à l'intérieur de l'article ; les informations de contact de l'équipe du site apparaissent à l'extérieur. La date de publication n'est pas une information de contact, donc elle se trouve dans un élément time en dehors de address. La règle CSS font-style: normal supprime l'apparence italique par défaut tout en conservant la signification de l'information de contact.

Un lien mailto demande à l'application de gestion du courrier de l'utilisateur de s'ouvrir ; ce HTML n'envoie pas de courrier électronique lui-même. Dans un document réel, remplacez l'exemple par un destinataire valide et confirmez d'abord que les coordonnées peuvent être publiques. Les adresses d'exemple ne peuvent pas recevoir de demandes réelles.

Distinguer les adresses ordinaires et les italiques décoratifs

N’utilisez pas automatiquement address pour l’emplacement d’une destination ou une adresse de livraison lorsqu’il ne s’agit pas d’informations de contact pour l’auteur ou la personne responsable. Utilisez un paragraphe ordinaire ou une liste selon le contexte. Le style en italique par défaut n’est pas non plus une raison pour mettre des phrases à mettre en valeur dans address.

Conservez le contenu lié aux informations de contact. N’incluez pas d’éléments de titre, article, section, header, footer ou un autre address à l’intérieur de address. Si la section de contact nécessite un titre, mettez-le immédiatement avant address. La référence d’adresse référence MDN de address explique l’étendue et les règles de contenu.