Liens email

Il est parfois utile de créer des liens ou des boutons qui nous permettent d'écrire un nouvel e-mail. Par exemple, on peut les utiliser pour créer un bouton « contactez-nous ». Ceci est possible grâce à l'élement HTML <a> et au format d'URL mailto.

Bases de mailto

Dans sa forme la plus basique et la plus utilisée, un lien mailto indique simplement l'adresse e-mail du destinataire. Par exemple :

<a href="mailto:nullepart@mozilla.org">Envoyer l'email nulle part</a>

Le résultat s'affiche comme ceci : Envoyer l'email nulle part.

En réalité, l'adresse e-mail est optionelle. Si on ne l'ajoute pas (le href contiendra simplement « mailto: »), une nouvelle fenêtre du client de messagerie de l'utilisateur s'ouvrira, sans destinataire spécifié. Cela peut être utile dans le cas d'un bouton « Partager » où l'utilisateur sélectionnera les personnes auxquelles il veut envoyer un e-mail.

Précisions

En plus de l'adresse e-mail, on peut fournir d'autres informations. En effet, n'importe quel champ d'en-tête d'un e-mail standard peut être ajoutée à l'URL mailto. Les plus communément utilisés sont « subject », « cc » et « body » (qui n'est pas réellement un champ d'entête mais qui permet de spécifier un message court pour le nouvel email). Chaque champ et sa valeur sont indiqués comme un terme de requête.

Note : Les valeurs de chaque champ doivent être codées au format URL.

Échantillons d'URL mailto

Voici quelques échantillons d'URL mailto:

Notez l'utilisation de l'esperluette (&) pour séparer les champs de l'URL mailto. C'est le format standard d'écriture des URL.

Exemple

Si vous voulez créer un lien qui permettrait de s'inscrire à une newsletter, vous pouvez utiliser un lien mailto comme ceci :

<a href="mailto:nullepart@mozilla.org?subject=Demande%20inscription%20newsletter&body=Inscrivez-moi%20%C3%A0%20votre%20newsletter%20%21%0D%0A%0D%0ANom%20complet%20%3A%0D%0A%0D%0AO%C3%B9%20avez-vous%20entendu%20parler%20de%20nous%20%3F">
Inscrivez-vous à notre newsletter
</a>

Le résultat s'affiche comme ceci : Inscrivez-vous à notre newsletter.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, T3CH
 Dernière mise à jour par : SphinxKnight,