<address>
Les coordonnées de l’auteur d’un article ou du propriétaire d’un site.
- Affichage
- block
- Balise fermante
- Obligatoire
- Contenu autorisé
- Contenu de flux sans titres, éléments de sectionnement,
<header>,<footer>ni<address>
Exemple
#<footer>
<address>
Une question sur le cours ? Écrivez-nous : <a href="mailto:team@codeworlds.com">team@codeworlds.com</a><br>
ou appelez-nous : <a href="tel:+33123456789">+33 1 23 45 67 89</a>
</address>
</footer>Définition et utilisation
#L’élément <address> contient les coordonnées de la personne ou de l’organisation responsable du contenu : adresse e-mail, numéro de téléphone, liens vers des profils, adresse du siège. À l’intérieur d’un <article>, il concerne l’auteur de cet article ; en dehors, toute la page.
Malgré son nom, il ne sert pas à marquer n’importe quelle adresse. Une adresse de livraison dans un formulaire de commande, ou le lieu d’une conférence décrit dans un article, restent de simples paragraphes. N’utilisez <address> que pour le contact avec l’auteur ou le propriétaire du contenu.
On le place le plus souvent dans le <footer> d’une page ou d’un article. Il ne peut pas contenir de titres, d’éléments de sectionnement (<article>, <section>, <nav>, <aside>), de <header>, de <footer> ni d’un autre <address>. Les navigateurs l’affichent en italique par défaut.
Syntaxe
#<address>
…coordonnées…
</address>Attributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
Plus d’exemples
#<article>
<h2>Cinq erreurs de débutant en CSS</h2>
<p>La plus fréquente consiste à se battre avec la spécificité des sélecteurs.</p>
<footer>
<address>
Auteure : <a href="/auteurs/lea-dubois">Léa Dubois</a>
</address>
</footer>
</article>CSS par défaut
#La plupart des navigateurs affichent cet élément avec ces styles par défaut :
address {
display: block;
font-style: italic;
}Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Ne marquez pas n’importe quelle adresse postale avec
<address>, seulement les coordonnées de l’auteur ou du propriétaire du contenu. - Utilisez des liens
mailto:ettel:, pour que le contact soit possible en un clic, même sur téléphone. - Si l’italique ne convient pas à votre design, désactivez-la en CSS :
font-style: normal.
Entrées associées
#- <footer>Le pied de page d’une page ou d’une section : auteur, droits d’auteur, liens, coordonnées.
- <article>Un contenu autonome qui garde son sens une fois lu ou partagé séparément.
- <a>Un lien vers une autre page, un fichier, une adresse e-mail ou un endroit sur la même page.
- <p>Un paragraphe de texte.
- <header>L’introduction d’une page ou d’une section : logo, titre, navigation, informations sur l’auteur.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.