Skip to content
✨ Les cours suivant sont disponible : Html, Css, React, Algorithme ✨
cours
✨ Html
3.0 Liens et hyperliens
3.4 Liens de courrier électronique

Liens de courrier électronique

Les liens de courrier électronique sont utilisés pour permettre aux utilisateurs de cliquer sur un lien et ouvrir leur client de messagerie par défaut pour composer un nouveau message à une adresse e-mail spécifique. Ils sont utiles pour faciliter la communication avec les utilisateurs et leur permettre de vous contacter rapidement.

Syntaxe d'un lien de courrier électronique

Pour créer un lien de courrier électronique, vous devez utiliser la balise <a> et l'attribut href avec la valeur commençant par mailto:, suivi de l'adresse e-mail à laquelle vous souhaitez recevoir les messages. Voici un exemple :

<a href="mailto:contact@example.com">Contactez-nous par e-mail</a>

Dans cet exemple, lorsque les utilisateurs cliquent sur le lien "Contactez-nous par e-mail", leur client de messagerie s'ouvrira avec un nouveau message pré-rempli, prêt à être envoyé à l'adresse e-mail spécifiée (contact@example.com dans cet exemple).

Ajouter une ligne d'objet (subject)

Vous pouvez également spécifier une ligne d'objet (subject) pré-remplie pour le nouveau message en ajoutant l'attribut subject à votre lien de courrier électronique. Voici un exemple :

<a href="mailto:contact@example.com?subject=Demande d'information">Contactez-nous par e-mail</a>

Dans cet exemple, lorsque les utilisateurs cliquent sur le lien, leur client de messagerie s'ouvrira avec un nouveau message pré-rempli, et la ligne d'objet sera définie sur "Demande d'information".

Ajouter le corps du message (body)

Si vous souhaitez pré-remplir le corps du message, vous pouvez utiliser l'attribut body dans votre lien de courrier électronique. Voici un exemple :

<a
    href="mailto:contact@example.com?subject=Demande d'information&body=Bonjour,%0AJ'aimerais obtenir plus d'informations sur vos produits."
    >Contactez-nous par e-mail</a
>

Dans cet exemple, le corps du message est pré-rempli avec du texte, y compris des sauts de ligne (%0A est utilisé pour représenter un saut de ligne).

Conclusion

Les liens de courrier électronique sont un moyen pratique d'inciter les utilisateurs à vous contacter directement par e-mail. En utilisant la balise <a> et l'attribut href avec la valeur mailto:, vous pouvez créer des liens qui ouvrent le client de messagerie par défaut des utilisateurs et pré-remplissent les adresses e-mail, les lignes d'objet et même le corps du message.

Veillez à fournir des adresses e-mail valides et à utiliser des lignes d'objet et des corps de message clairs et pertinents pour faciliter la communication. Les liens de courrier électronique offrent une manière pratique et rapide pour les utilisateurs de vous contacter et d'établir une correspondance directe avec votre entreprise ou votre organisation.