<address>
Afficher des coordonnées de contact, pas dans un <p>, pas dans un <div>
<address> — Les coordonnées de contact
La balise <address> fournit les coordonnées de contact de l'auteur ou du propriétaire du document (ou de l'<article> le plus proche). Ce n'est pas pour n'importe quelle adresse postale : c'est spécifiquement pour les informations de contact.
Quand l'utiliser
Tu veux indiquer comment contacter l'auteur d'un article ou le responsable d'un site : e-mail, lien vers un profil, adresse postale du siège. Place-le dans un <footer> pour associer les coordonnées au bon contexte.
Ce que tu gagnes
Accessibilité : les lecteurs d'écran identifient le bloc comme des coordonnées de contact, ce qui aide l'utilisateur à trouver rapidement comment joindre l'auteur.
Exemple de code
<footer>
<address>
<p>Written by <a href="mailto:hello@example.com">Yoann</a></p>
<p><a href="https://github.com/yoann">GitHub profile</a></p>
</address>
</footer>Pour aller plus loin
- Les soupes de div — remplacer les
<div>par des balises sémantiques - WHATWG —
<address> - W3C — HTML spec
- MDN —
<address>