Linking to phones, e-mails, and maps

Mobile browsers have a distinct usability advantage. If we want to link to an e-mail address, the native e-mail client will instantly pop up. The following code is an example:

<a href="mailto:shane@roughlybrilliant.com" >email me</a>

We can do the same thing with phone numbers and every device will instantly pop up an option to call that number. This is the functionality unmatched on desktops, since most do not have telephony. Here is the href element from the preceding code:

href="tel:+18167816500"

Maps are another specialty for mobile, since virtually all smart phones have built-in GPS software. Here's the href element for the maps link. It's just a standard link to Google Maps:

href="https://maps.google.com/maps?q=9771+N+Cedar+Ave,+Kansas+City,+MO+64157" ...

Get Creating Mobile Apps with jQuery Mobile now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.