Ik moet een webpagina maken voor mobiele apparaten. Er is alleen één ding waar ik nog niet achter ben: hoe kan ik een telefoongesprek starten door op tekst te klikken?
Is er een speciale URL die ik kan invoeren, zoals de mailto:-tag voor e-mails?
Apparaatspecifieke oplossingen hebben niet de voorkeur.
Ik weet dat de iPhone automatisch telefoonnummers herkent en hiervoor een link maakt, maar het zou geweldig zijn als dit ook voor afbeeldingen kon worden gedaan… en ook voor de meeste mobiele apparaten.
Antwoord 1, autoriteit 100%
De meeste moderne apparaten ondersteunen het tel:-schema. Dus gebruik <a href="tel:555-555-5555">555-555-5555</a>en je bent klaar om te gaan.
Als je het voor een afbeelding wilt gebruiken, kan de tag <a>de <img/>die erin is geplaatst, net als andere normale situaties verwerken met: <a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>
Antwoord 2, autoriteit 7%
Het juiste URL-schema is tel:[nummer], dus u zou het doen
<a href="tel:5551234567"><img src="callme.jpg" /></a>Antwoord 3, autoriteit 5%
Wilt u hier voor de volledigheid een antwoord toevoegen.
<a href="tel:1234567">Call 123-4567</a>
Werkt prima op de meeste apparaten. Op desktops wordt dit echter weergegeven als een link die niets doet wanneer u erop klikt, dus u kunt overwegen om CSS te gebruiken om deze alleen voorwaardelijk zichtbaar te maken op mobiele apparaten.
Je moet ook weten dat Skype (dat redelijk populair is) standaard een andere syntaxis gebruikt (maar kan worden ingesteld om tel: te gebruiken).
<a href="callto:1234567">Call 123-4567</a>
Ik denk echter dat in de nieuwste mobiele browsers (ik weet het zeker op Android) de syntaxis telnu een pop-up met beschikbare applicaties moet bieden die kunnen worden gebruikt om de oproepactie te voltooien.
Antwoord 4, autoriteit 3%
Klikbare smartphone-linkcode:
De volgende link kan worden gebruikt om een klikbare telefoonlink te maken. U kunt de onderstaande code kopiëren en in uw webpagina plakken en vervolgens bewerken met uw telefoonnummer. Deze code werkt mogelijk niet op alle telefoons, maar werkt wel voor iPhone, Droid/Android en Blackberry.
<a href="tel:1-847-555-5555">1-847-555-5555</a>
Telefoonnummerlinks kunnen worden gebruikt met de streepjes, zoals hierboven weergegeven, of zonder hen, evenals in het volgende voorbeeld:
<a href="tel:18475555555">1-847-555-5555</a>
Het is ook mogelijk om elke tekst in de link te gebruiken, zolang het telefoonnummer maar is ingesteld met “tel:18475555555”, zoals in dit voorbeeld:
<a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a>
Hieronder staat een aanklikbare hyperlink die u kunt bekijken. In de meeste niet-telefoonbrowsers geeft deze link u de foutmelding ‘De webpagina kan niet worden weergegeven’ of er gebeurt niets.
OPMERKING:de iPhone Safari-browser detecteert automatisch een telefoonnummer op een pagina en zet de tekst om in een oproeplink zonder de code op deze pagina te gebruiken.
WTAI smartphone-linkcode:
De WTAI- of “Wireless Telephony Application Interface”-koppelingscode wordt hieronder weergegeven. Deze code wordt beschouwd als het juiste protocol voor mobiele telefoons en werkt op smartphones zoals Droid, maar werkt mogelijk niet voor Apple Safari op iPhone en de bovenstaande code wordt aanbevolen.
<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>
Antwoord 5
Gebruik in wezen een <a>-element met een hrefattr die verwijst naar het telefoonnummer voorafgegaan door tel:. Merk op dat plussen kunnen worden gebruikt om de landcode op te geven, en koppeltekens kunnen gewoon voor menselijke ogen worden toegevoegd.
MDN-webdocumenten
https://developer.mozilla.org/ nl-US/docs/Web/HTML/Element/a#Creating_a_phone_link
Het HTML
<a>element(of ankerelement), samen met het href attribuut, creëert een hyperlink naar andere webpagina’s, bestanden, locaties binnen hetzelfde pagina, e-mailadressen of een andere URL.[…]
Het aanbieden van telefoonlinks is handig voor gebruikers die webdocumenten en laptops bekijken die op telefoons zijn aangesloten.
<a href="tel:+491570156">+49 157 0156</a>
IETF-documenten
https://tools.ietf.org/html/rfc3966
De
telURI voor telefoonnummersDe “tel” URI heeft de volgende syntaxis:
telephone-uri="tel:"telefoonabonnee[…]
Voorbeelden
tel:+1-201-555-0123: deze URI verwijst naar een telefoonnummer in de Verenigde
Staten. De koppeltekens zijn opgenomen om het nummer menselijker te maken
leesbaar; ze scheiden land, netnummer en abonneenummer.
tel:7042;phone-context=example.com: de URI beschrijft een lokale telefoon
nummer geldig binnen de context “example.com”.
tel:863-1234;phone-context=+1-914-555: De URI beschrijft een lokale
telefoonnummer dat geldig is binnen een bepaald telefoonvoorvoegsel.
Antwoord 6
Gebruik de HTML-ankertag <a>en start het attribuut hrefmet tel:. Ik raad aan om het telefoonnummer te beginnen met de landcode. let op het volgende voorbeeld:
<a href="tel:+989123456789">NO Different What it is</a>
Voor dit voorbeeld is de landcode +98.
Hint: het is zo geschikt voor mobiele telefoons, ik weet dat tel:prefix roept FaceTimeop macOS, maar op Windows weet ik het niet zeker, maar ik denk dat het ertoe heeft geleid dat Skype is gestart.
Voor meer informatie: u kunt de lijst met URL-schema’s bezoeken die worden ondersteund door browsersom alle voorvoegsels van href-waarden te kennen.