Erstellen Telefonnummern-Links in HTML

Subodh Poudel 19 Februar 2023
Erstellen Telefonnummern-Links in HTML

Dieser Artikel führt Sie durch das Anrufen einer Telefonnummer von einem Mobilgerät mithilfe von HTML. Zuerst erstellen wir einen Link in HTML, der die Nummer anruft, wenn der Link aufgerufen wird.

Wir können Telefonnummern-Links in HTML erstellen, indem wir das Anker-Tag a verwenden, das zum Erstellen von Hyperlinks verwendet wird. Wir können die Telefonnummer in einem lesbaren Format zwischen dem a-Tag angeben und sie im href-Attribut setzen.

Wir verwenden das Schlüsselwort tel: gefolgt von der Telefonnummer im Attribut href. Diese Syntax erstellt einen Link, um einen Anruf an die Telefonnummer weiterzuleiten.

Erstellen Sie beispielsweise ein a-Tag und schreiben Sie tel:907-212-7084 in das href-Attribut. Als nächstes schreiben Sie die gleiche Zahl zwischen das a-Tag.

Wenn wir die Webseite von mobilen Geräten aus besuchen, erscheint ein anklickbarer Link mit der Telefonnummer. Wenn auf den Hyperlink geklickt wird, wird der Benutzer zur Telefonnummern-Wähltastatur mit der Telefonnummer umgeleitet.

Beispielcode:

<a href="tel:907-212-7084">907-212-7084</a>

Es ist besser, die Ländervorwahl vor der Telefonnummer zu verwenden, da der Benutzer der Webseite möglicherweise aus einem anderen Land stammt.

Das folgende Beispiel stellt die Telefonnummer der USA dar.

Beispielcode:

<a href="tel:+1-907-212-7084">+1-907-212-7084</a>

Das --Zeichen zwischen den Zahlen in den obigen Beispielen dient der besseren Lesbarkeit. Es ist nicht zwingend, in einem solchen Format zu schreiben.

Beim Wählen der Telefonnummer aus anderen Ländern ist die Verwendung der Landesvorwahl erforderlich. Wenn Sie ein lokales Unternehmen haben, das nur in Ihrem Land beschränkt ist, müssen Sie den Ländercode nicht auf Ihrer Website verwenden.

Subodh Poudel avatar Subodh Poudel avatar

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