La balise <address> est utilisée pour définir une adresse de contact sur un site web.
Elle est généralement utilisée pour spécifier des informations de contact relatives à :
- un auteur ;
- une organisation ;
- ou une page web.
Bien qu'elle puisse contenir du texte, des liens ou même des balises comme <a>, elle est conçue pour indiquer des informations associées à un contact physique ou électronique, comme une adresse postale, une adresse email ou un numéro de téléphone.
Autrement dit, dès que vous avez une adresse à afficher sur votre site internet (coucou la page "Contact" 😋) pensez à utiliser la balise <address> !
Structure et syntaxe de la balise <address>
La syntaxe de la balise <address> est simple et se compose d’un élément entourant les informations de contact.
Il s'agit donc d'une balise qui fonctionne par paire :
- Une balise ouvrante
<address>; - Une balise fermante
</address>.
Prenons un petit exemple :
<address>
<p>Believemy</p>
<p>229 rue Saint-Honoré, 75001 Paris FRANCE</p>
<p>Email : <a href="mailto:hello@believemy.com">hello@believemy.com</a></p>
</address>
Essayez aussi par vous-même ! 😉
Comme vous pouvez le voir, nous pouvons mettre des liens dans notre adresse !
Cas d'utilisation
1. Pour afficher l'adresse d'un auteur
<address>
<p>Contactez l'auteur à l'adresse suivante : <a href="mailto:author@example.com">author@example.com</a>.</p>
</address>
2. Pour afficher l'adresse d'une entreprise
<address>
<p>Believemy</p>
<p>229 rue Saint-Honoré, 75001 Paris FRANCE</p>
<p>Email : <a href="mailto:hello@believemy.com">hello@believemy.com</a></p>
</address>
3. Pour afficher un numéro pour le service client
<address>
<p>Contactez notre service client au numéro suivant : <a href="tel:+33123456789">Appeler</a>.</p>
</address>
Compatibilité des navigateurs
La balise <address> est supportée par tous les navigateurs modernes.
Il est important de noter que, bien que la balise soit très utile pour le SEO et l’accessibilité, elle ne doit pas être utilisée de manière excessive ou pour des informations qui ne sont pas directement liées au contact.
| Elément | Google Chrome | Safari | Mozilla Firefox | Edge |
| <address> | Oui | Oui | Oui | Oui |