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
Eseguire le GitHub Actions offline
Testare l'invio dei messaggi con Event Hubs Data Explorer
Ordine e importanza per @layer in CSS
Creare una libreria CSS universale: Cards
Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
Migrare una service connection a workload identity federation in Azure DevOps
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Miglioramenti nelle performance di Angular 16
Utilizzare Copilot con Azure Cosmos DB
Sostituire la GitHub Action di login su private registry
Creare alias per tipi generici e tuple in C#
Usare il colore CSS per migliorare lo stile della pagina
I più letti di oggi
- Visualizzare contenuti Fullscreen con HTML5
- Leggere e scrivere su cookie tramite Blazor
- Richiamare programmaticamente le operazioni di aggiornamento, eliminazione e inserimento di FormView, DetailsView e GridView
- Realizzare siti sicuri con ASP.NET Web Pages
- Il web control DropDownList di ASP.NET
- Un helper method per replicare un template per ogni proprietà con ASP.NET MVC
- Operazioni di selezione su una DataTable
- Dependency injection in ASP.NET MVC 5 con Ninject
- Aumentare la scalabilità di ASP.NET Core Web API con caching client side
- Accedere con ASP.NET ad un documento XML creato dall'oggetto recordset di ADO e ASP