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
Effettuare il refresh dei dati di una QuickGrid di Blazor
Generare token per autenicarsi sulle API di GitHub
Modificare i metadati nell'head dell'HTML di una Blazor Web App
Miglioramenti nell'accessibilità con Angular CDK
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Utilizzare QuickGrid di Blazor con Entity Framework
Disabilitare automaticamente un workflow di GitHub
Creare una custom property in GitHub
Creare una libreria CSS universale - Rotazione degli elementi
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Utilizzare un service principal per accedere a Azure Container Registry
Ottimizzazione dei block template in Angular 17
I più letti di oggi
- Organizzare il codice JavaScript utilizzando i moduli
- Utilizzare Azure Cosmos DB con i vettori
- Comunicazione bidirezionale con WebSockets e HTML5
- Recuperare i file utilizzati di recente in un'Universal App
- Gestione avanzata delle Progress Bar con Bootstrap
- Conoscere quando una periferica viene collegata nelle Universal App
- Disponibile Internet Explorer 10 Platform Preview 2 (IE10 PP2): ancora più supporto ad HTML5
- I nuovi tag figure e figcaption in HTML5
- Utilizzare il microfono nelle applicazioni Windows Phone