HTML ☎️ Liens pour mail, téléphone, fax, skype et TeamSpeak

Article les liens HTML pour téléphones, e-mail, Skype, TeamSpeak, Fax, ... par wpr0ck
twitter-img / 1024 x 512
Article les liens HTML pour téléphones, e-mail, Skype, TeamSpeak, Fax, ... par wpr0ck
twitter-link / 520 x 254
Article les liens HTML pour téléphones, e-mail, Skype, TeamSpeak, Fax, ... par wpr0ck
facebook / 1200 x 630

Voyons comment créer des liens en HTML vers les adresses mails, comptes skype, numéros de téléphone et fax qui, une fois cliqués, proposent à l'utilisateur de les ouvrir avec l'application appropriée.

Ces liens ressemblent aux liens classiques en HTML, réalisés avec la balise <a href="#">Text</a>, à la différence près que les données transmises dans l'attribut href sont composées d'un préfixe (mailto, tel, callto ou fax) suivi par l'identifiant de contact (adresse mail, identifiant skype, numéro de téléphone ou numéro de fax) séparées par un double-point (":").

  Les liens HTML vers les adresses e-mails

Commençons par le plus classique, l'adresse mail. Le préfixe à utiliser est "mailto:" suivi de l'adresse mail.

<a href="mailto:[email protected]">Link text</a>

Mais il est possible d'aller bien plus loin en utilisant les paramètres suivants dans l'URL :

  • subject : Sujet du mail
  • cc : Destinataires en copie carbone
  • bcc : Destinataires en copie carbone invisible (blind carbon copy)
  • body : Corp du mail

Voici un exemple de leurs utilisation :

<a href="mailto:[email protected]?subject=the subject&[email protected]&[email protected]&body=Main text of the mail">Link text</a>

  Les liens HTML vers les numéros de téléphone

Pour les liens pointant vers un numéro de téléphone, le préfixe à utiliser est "tel:" suivi par le numéro de téléphone exprimé avec son indicatif. En France, l'indicatif à utiliser est +33. Pour les autres pays, voici la liste des indicatifs téléphoniques internationaux. Pour ajouter l'indicatif à un numéro de téléphone national (composé de 10 chiffres), il suffit de remplacer le premier zéro ("0") de celui-ci par l'indicatif international approprié. Les liens pointant vers des numéros de téléphone sont très pratiques sur smartphones.

<a href="tel:+33500000000">Link text</a>

  Les liens HTML vers les numéros de fax

Le préfixe à utiliser est "fax:". Comme pour les liens pointant vers des numéros de téléphone, le numéro de fax utilisé doit commencer par l'indicatif international.

<a href="fax:+33500000000">Link text</a>

  Les liens HTML vers les comptes Skype

Le préfixe à utiliser pour faire un lien pointant vers un pseudo Skype est "callto:". Ces liens permettent de lancer Skype, le célèbre logiciel de messagerie instantané et d'appel vidéo, sur les ordinateurs et appareils mobiles sur lesquels l'application est installée.

<a href="callto:skye_account">Link text</a>

  Les liens HTML vers les serveurs TeamSpeak 3

Il est également possible de créer des liens pour le logiciel TeamSpeak 3  avec en paramètres les informations du serveur visé. Par défaut, le lien utilisé doit être composé de l'adresse du serveur et du port de celui-ci. Mais il est possible de passer bien plus de paramètres dans cette URL, comme montré ci-dessous.

<a href="ts3server://ts3.website.com?port=9987">Link text</a>

Comme pour les liens pointant vers des adresses mails, celles pointant vers un serveur TeamSpeak peuvent contenir des paramètres. Ces paramètres sont les suivants :

  • port : Numéro du port à utiliser pour se connecter au serveur
  • nickname : Nom à utiliser et afficher
  • password : Mot de passe
  • channel : Nom du channel (salon de conversation)
  • cid : Spécifier le channel avec un ID
  • channelpassword : Mot de passe du channel
  • token : Clé de connexion
  • addbookmark : Nom à donner pour le serveur dans les favoris du client teamspeak

Ces paramètres supplémentaires s'utilisent comme suit.

<a href="ts3server://ts3.monsite.com?port=9987&nickname=Displayed_name&password=Server_password&channel=Default_chanel&cid=Channel-ID&channelpassword=Default_channel_password&token=Token_key&addbookmark=BookMark-label">Link text</a>

Il est à noter que si vous utilisez le paramètre "cid" dans l'URL du serveur, alors le paramètre "channel" peut être ignoré.

Julien MA Jacob - Développeur WordPress
Développeur expert WordPress
Julien MA Jacob - Développeur WordPress

Passionné par le web et la programmation. Je propose mes services de développeur pour vos sites WordPress

  Discussion autour de l'article
guest
4 Commentaires
Le plus populaire
Le plus récent Le plus ancien
Commentaires en ligne
Afficher tous les commentaires
Hoppicker

Merci pour ce bon article intéressant.
Un lien "tel:" n'est pas forcément suivi du numéro international (+33XXXXXXXXX) mais s'il est de la forme 0XXXXXXXXX, l'appel depuis un smartphone ne fonctionnera qu'en France.
A noter également que pour le look, on peut afficher le numéro avec des espaces : XX XX XX XX XX

Manon BIlodeau

as-tu un lien qui s'ouvre pour texter la persoone?

Aina Herifitia

Merci pour le partage, c'est un très bon article

Mishel Tanvir Habib

The "href="fax:" is now obsolete. Actually its obsolete a long time ago, in 2004. Please see this SO question for details https://stackoverflow.com/questions/9443520/does-anything-like-a-href-faxnumbernumber-a-exist