Preciso criar uma página da web para dispositivos móveis. Ainda há uma coisa que ainda não descobri: como posso acionar uma ligação telefônica com o clique do texto?
Existe um URL especial que eu possa inserir como a mailto:
tag para e-mails?
A solução específica do dispositivo não é preferida.
Sei que o iPhone reconhece automaticamente os números de telefone e cria um link para isso, mas seria ótimo se isso pudesse ser feito também para imagens ... e também para a maioria dos dispositivos móveis.
fonte
O esquema de URL apropriado é tel: [number], então você faria
fonte
Deseja adicionar uma resposta aqui por uma questão de integridade.
Funciona bem na maioria dos dispositivos. No entanto, nas áreas de trabalho, isso aparecerá como um link que não faz nada quando você clica nele; portanto, considere usar o CSS para torná-lo visível condicionalmente apenas em dispositivos móveis.
Além disso, você deve saber que o Skype (que é bastante popular) usa uma sintaxe diferente por padrão (mas pode ser parametrizado para usar tel :).
No entanto, acho que nos navegadores móveis mais recentes (tenho certeza no Android) agora a
tel
sintaxe deve oferecer um pop-up de aplicativos disponíveis que podem ser usados para concluir a ação de chamada.fonte
Código de link clicável para smartphone:
O link a seguir pode ser usado para criar um link telefônico clicável. Você pode copiar o código abaixo e colá-lo em sua página da web e depois editar com seu número de telefone. Esse código pode não funcionar em todos os telefones, mas funciona para iPhone, Droid / Android e Blackberry.
Os links de número de telefone podem ser usados com os traços, como mostrado acima, ou sem eles, assim como no exemplo a seguir:
Também é possível usar qualquer texto no link, desde que o número de telefone esteja configurado com o "tel: 18475555555", como neste exemplo:
Abaixo está um hiperlink de telefone clicável que você pode conferir. Na maioria dos navegadores que não são de telefone, esse link exibirá um erro "A página da web não pode ser exibida" ou nada acontecerá.
NOTA: O navegador Safari do iPhone detecta automaticamente um número de telefone em uma página e converte o texto em um link de chamada sem usar nenhum código nesta página.
Código de link para smartphone WTAI: O código de link WTAI ou "Wireless Telephony Application Interface" é mostrado abaixo. Esse código é considerado o protocolo correto do telefone móvel e funcionará em smartphones como o Droid; no entanto, ele pode não funcionar no Apple Safari no iPhone e o código acima é recomendado.
fonte
Essencialmente, use um
<a>
elemento com umhref
attr apontando para o número de telefone prefixado portel:
. Observe que vantagens podem ser usadas para especificar o código do país e hifens podem ser incluídos simplesmente para os olhos humanos.Documentos da Web MDN
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link
Documentos IETF
https://tools.ietf.org/html/rfc3966
fonte
Basta usar a tag âncora HTML
<a>
e iniciar o atributohref
comtel:
. Sugiro iniciar o número de telefone com o código do país. preste atenção ao seguinte exemplo:Para este exemplo, o código do país é
+98
.Dica : é tão adequado para telefones celulares que conheço
tel:
prefixosFaceTime
no macOS, mas no Windows não tenho certeza, mas acho que isso causou o lançamento do Skype.Para mais informações : você pode visitar a lista de esquemas de URL suportados pelos navegadores para conhecer todos os
href
prefixos de valores.fonte