Tipicamente i numeri di telefono sono inseriti nelle pagine web come semplice testo; con la diffusione della navigazione tramite smartphone e di strumenti per effettuare chiamate VoIP, risulta comodo fornire agli utenti la possibilità di chiamare direttamente il numero indicato con un click (o con un "tap").
A questo proposito è disponibile un apposito protocollo: tel: che consente appunto di creare un link ad hoc per avviare la chiamata ad un certo numero di telefono, in modo del tutto analogo a quanto avviene con gli indirizzi email mediante il protocollo mailto::
<a href="tel:+390123456789">chiama +390123456789</a>
Per creare un link ad un numero di telefono è opportuno tenere presente che:
- le pagine web sono "internazionali" per cui includere sempre il codice del paese (+39 per l'Italia);
- è possibile specificare pause di composizione con i caratteri p (attendi un secondo) e w (attendi un tono);
- sui client tradizionali il link non sarà attivo se il client non ha un programma specifico (Google Voice, Microsoft Communicator, ecc.) associato al protocollo tel: (in modo analogo al programma di posta elettronica per mailto:).
In modo del tutto equivalente è possibile collegare anche un numero di fax, usando il protocollo fax:.
Microdata
Per migliorare l'indicizzazione da parte dei motori di ricerca e attivare eventuali funzioni supplementari del browser è opportuno aggiungere al markup delle informazioni semantiche aggiuntive (microdata) come nell'esempio che segue:
<div itemscope itemtype="http://schema.org/LocalBusiness"> <h1 itemprop="name">Società Pinco Pallino</h1> Telefono: <span itemprop="telephone"><a href="tel:+390123456789">chiama +390123456789</a></span> </div>
Skype
Skype non utilizza il protocollo tel: ma callto:.
Una buona idea per supportare entrambi potrebbe essere quella di determinare se il client è di tipo mobile (per cui costruire il link per la chiamata telefonica usando tel:) oppure no (fornendo un link per l'avvio di una chiamata Skype con callto:).
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Evitare memory leaks nelle closure JavaScript
Persistere la ChatHistory di Semantic Kernel in ASP.NET Core Web API per GPT
Supportare la sessione affinity di Azure App Service con Application Gateway
Potenziare la ricerca su Cosmos DB con Full Text Search
Ridurre il reflow ottimizzando il CSS
Configurare lo startup di applicazioni server e client con .NET Aspire
Referenziare un @layer più alto in CSS
Integrare un servizio esterno con .NET Aspire
Eliminare record doppi in Sql Server
Creare una libreria CSS universale - Rotazione degli elementi
Scrivere selettori CSS più semplici ed efficienti con :is()
Loggare le query più lente con Entity Framework
I più letti di oggi
- disponibile il nuovo #adsdk per #win8. doc su https://aspit.co/ad3 donwload diretto da https://aspit.co/ad4
- Niente .NET sui server: siamo Microsoft
- Develop and distribute Azure Functions using K8s and CI/CD
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- Impersonation di utente per l'esecuzione di codice in una pagina ASP.NET
- Solo 5 minuti all'inizio della keynote!! http://aspitalia.com/build-win8 #BldWin
- #MIX10: Windows Phone - demo Hush Hush, un diario con interfaccia completamente personalizzata