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
Il nuovo controllo Range di Blazor 9
Supporto ai tipi DateOnly e TimeOnly in Entity Framework Core
Triggerare una pipeline su un altro repository di Azure DevOps
Generare un hash con SHA-3 in .NET
Utilizzare l nesting nativo dei CSS
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Testare l'invio dei messaggi con Event Hubs Data Explorer
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Simulare Azure Cosmos DB in locale con Docker
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Gestione degli eventi nei Web component HTML
Gestione dell'annidamento delle regole dei layer in CSS
I più letti di oggi
- Beta 1 di VS 2005 Enterprise Architect
- Point-in-time restore con gli Azure Storage Blob
- Focus dei tag input con HTML5
- Il nuovo tag nav in HTML5
- Evitare la modalità di risparmio energetico in una Windows Store app
- Real Code Day 4.0: costruire applicazioni reali - Firenze
- AI&ML Conference 2019 - Milano
- Mono 0.12: verso una nuova implementazione di ASP.NET