<address> : l'élément d'adresse de contact
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <address> indique que le HTML inclus fournit des informations de contact pour une personne, des personnes ou une organisation.
Exemple interactif
<p>Contactez l'auteur·ice de cette page :</p>
<address>
<a href="mailto:toto@example.fr">toto@example.fr</a><br />
<a href="tel:+33123456789">+33 (0)1 23 45 67 89</a>
</address>
a[href^="mailto"]::before {
content: "📧 ";
}
a[href^="tel"]::before {
content: "📞 ";
}
L'information de contact fournie par le contenu d'un élément <address> peut prendre la forme la plus appropriée au contexte, et peut inclure tout type d'information de contact nécessaire, comme une adresse physique, une URL, une adresse électronique, un numéro de téléphone, un identifiant de réseau social, des coordonnées géographiques, etc. L'élément <address> doit inclure le nom de la personne, des personnes ou de l'organisation à laquelle l'information de contact fait référence.
<address> peut être utilisé dans divers contextes, par exemple pour fournir les informations de contact d'une entreprise dans l'en-tête de la page, ou pour indiquer l'auteur·ice d'un article en incluant un élément <address> dans <article>.
Attributs
Cet élément inclut uniquement les attributs universels.
Notes d'utilisation
- L'élément
<address>ne peut être utilisé que pour représenter les informations de contact de son ancêtre le plus proche de type<article>ou<body>. - Cet élément ne doit pas contenir plus d'informations que les informations de contact, comme une date de publication (qui appartient à un élément
<time>). - Typiquement, un élément
<address>peut être placé dans l'élément<footer>de la section courante, s'il y en a une.
Exemples
<address>
Vous pouvez contacter l'auteur à l'adresse
<a href="http://www.undomaine.com/contact">www.undomaine.com</a>.<br />
Si vous relevez quelques bogues que ce soient, merci de contacter
<a href="mailto:webmaster@somedomain.com">le webmaster</a>.<br />
Vous pouvez aussi venir nous voir :<br />
Mozilla Foundation<br />
1981 Landings Drive<br />
Building K<br />
Mountain View, CA 94043-0801<br />
USA
</address>
Résultat
Bien qu'il affiche le texte avec le même style par défaut que les éléments HTML <i> ou <em>, il est plus approprié d'utiliser <address> pour les informations de contact, car il apporte une information sémantique supplémentaire.
Résumé technique
| Catégories de contenu | Contenu du flux, contenu tangible. |
|---|---|
| Contenu autorisé |
Contenu de flux, mais sans élément <address> inclus, sans contenu de
titre (<hgroup>, h1,
h2, h3,
h4, h5,
h6), aucun contenu de section
(<article>, <aside>,
<section>, <nav>), et aucun
<header> ou <footer>.
|
| Omission de balises | Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires. |
| Parents autorisés |
Tout élément acceptant du
contenu de flux, mais toujours à l'exclusion des éléments <address>
(selon le principe logique de symétrie, si une balise
<address> parent ne peut pas contenir un élément
<address> imbriqué, alors le même contenu
<address> ne peut pas avoir une balise
<address> comme parent).
|
| Rôle ARIA implicite |
group
|
| Rôles ARIA autorisés | Aucun. |
| Interface DOM |
HTMLElement. Avant Gecko 2.0 (Firefox 4), Gecko
implémentait cet élément en utilisant l'interface
HTMLSpanElement.
|
Spécifications
| Specification |
|---|
| HTML # the-address-element |