Créer des liens de numéro de téléphone en HTML
Cet article vous guidera dans l’appel d’un numéro de téléphone à partir d’un appareil mobile à l’aide de HTML. Tout d’abord, nous allons créer un lien en HTML, qui appelle le numéro lorsque le lien est appelé.
Créer un lien hypertexte pour un numéro de téléphone en HTML
Nous pouvons créer des liens de numéros de téléphone en HTML en utilisant la balise d’ancrage a
utilisée pour créer des hyperliens. Nous pouvons spécifier le numéro de téléphone dans un format lisible entre la balise a
et le définir dans l’attribut href
.
Nous utilisons le mot-clé tel:
suivi du numéro de téléphone dans l’attribut href
. Cette syntaxe crée un lien pour diriger un appel vers le numéro de téléphone.
Par exemple, créez une balise a
et écrivez tel:907-212-7084
dans l’attribut href
. Ensuite, écrivez le même numéro entre la balise a
.
Lorsque nous visitons la page Web à partir d’appareils mobiles, un lien cliquable avec le numéro de téléphone apparaîtra. Lorsque le lien hypertexte est cliqué, il redirige l’utilisateur vers le pavé numérique du numéro de téléphone avec le numéro de téléphone.
Exemple de code :
<a href="tel:907-212-7084">907-212-7084</a>
Il est préférable d’utiliser le code du pays avant le numéro de téléphone, car l’utilisateur de la page Web peut provenir d’un autre pays.
L’exemple ci-dessous représente le numéro de téléphone des États-Unis.
Exemple de code :
<a href="tel:+1-907-212-7084">+1-907-212-7084</a>
Le signe -
entre les chiffres dans les exemples ci-dessus est écrit pour la lisibilité. Il n’est pas obligatoire d’écrire dans un tel format.
L’utilisation du code de pays est nécessaire lors de la composition du numéro de téléphone depuis d’autres pays. Si vous avez une entreprise locale limitée uniquement dans votre pays, vous n’avez pas besoin d’utiliser le code de pays sur votre site Web.
Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.
LinkedIn