Cognimatic

Search form

Embedding Phone Numbers with HTML5 for iOS

24 Feb 2012

How to embed contact data in a web page so that an iOS device can recognise text as a phone number or as contact data. The key to this is using semantic data: specifically microdata.

Snippet to embed contact data in a web page so that an iOS device can recognise text as a phone number or as contact data. Use the 'itemprop' attribute, although you can also wrap the div in a 'vcard' class, and setting the class of the phone number span to 'tel' seemed to do funky things too: