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:johndoe@example.com">johndoe@example.com</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:janesmith@example.com">janesmith@example.com</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
Avantages Inconvénients
Structure sémantique pour représenter des informations de contact Peut être négligée ou mal interprétée par certains navigateurs ou moteurs de recherche
Améliore l’accessibilité en identifiant clairement les détails de l’auteur ou de l’entité Doit être utilisée avec discernement pour éviter une utilisation incorrecte dans d’autres contextes
Contribue à une structure HTML plus compréhensible et organisée Ne remplace pas nécessairement la nécessité d’une page de contact distincte
Peut être stylisée pour une présentation visuelle améliorée N’est pas toujours la meilleure option pour tous les types d’informations de contact

Un projet en tête ?

Contact

Et si on discutait ? 🙂

  • Element Carré
  • Element Triangle
  • Element Triangle
  • Element Carré
Contact

Adresse

Avenue du bac
94210 SAINT MAUR DES FOSSES

Téléphone

06.65.13.24.36