Balise address HTML

Table of Contents

Rôle

Structuration des Informations de Contact

L’un des avantages clés de la balise <address> est sa capacité à structurer les informations de contact de manière cohérente et significative. Lorsque vous utilisez cette balise, vous pouvez encapsuler différentes informations telles que le nom, l’adresse électronique, l’adresse postale, le numéro de téléphone et même les liens vers les profils de médias sociaux. Voici un exemple de code HTML illustrant l’utilisation de la balise <address> pour structurer les informations de contact :

html
<address>
<h2>Informations de Contact</h2>
<p>Nom : John Doe</p>
<p>Email : <a href="mailto:[email protected]">[email protected]</a></p>
<p>Téléphone : <a href="tel:+1234567890">123-456-7890</a></p>
<p>Adresse : 123 Rue Principale, Ville, Pays</p>
</address>

Utilisation Contextuelle de la Balise <address>

Il est important de noter que la balise <address> doit être utilisée dans un contexte approprié. En général, elle devrait être utilisée pour les informations de contact spécifiques à l’auteur ou au propriétaire de la page. Par exemple, dans le pied de page d’un article ou d’une page, vous pouvez l’utiliser de la manière suivante :

html
<footer>
<address>
<p>Auteur : Jane Smith</p>
<p>Email : <a href="mailto:[email protected]">[email protected]</a></p>
</address>
</footer>

Testez vous-même cette balise

Utilisez Codepen

Voici le resultat

Compatibilité

La balise <address> est pris en charge par tous les principaux navigateurs.

Attributs spécifiques

La balise <address> prend en charge les attributs globaux

Attibuts de type événement

La balise <address> peut prendre en charge les événements clavier via l’attribut global contenteditable.

La balise <address> prend également en charge les événements de souris !

Maxime GUINARD
Maxime GUINARD

Merci d'avoir lu cet article. Je suis un développeur web WordPress passionné, et j'ai créé ce contenu avec soin pour vous offrir des informations de qualité. Restez connectés pour plus de conseils et d'astuces !

Facebook
Twitter
LinkedIn

Un projet en tête ?