Using mobile-specific HTML, CSS, and JavaScript (Mobile web part 5)

Tue, 29 Jun 2010 00:00:00 +0000

⚠️ Warning: this is an old article and may include information that’s out of date. ⚠️

(updated June 27, 2011)

Mobile-specific HTML

Viewport tag

Use the viewport tag to properly fit the content to the screen:

1

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Tel scheme (to initiate phone calls)

1

<a href="tel:18005555555">Call us at 1-800-555-5555</a>

Sms scheme (to initiate text messages)

1
2
3
4
5
6
7
8


<a href="sms:18005555555">
 <a href="sms:18005555555,18005555556">
 <!-- multiple recipients -->
 <a href="sms:18005555555?body=Text%20goes%20here">
 <!-- predefined message body --></a
 ></a
 ></a
>

Disable automatic telephone number linking

1

<meta name="format-detection" content="telephone=no" />

iOS-specific HTML (some work on Android as well)

You also have access to several Apple-specific tags to use in your iOS applications (iPhone, iPad, and don’t forget the iPod Touch!).

Basejs on David Calhoun's blog

Using mobile-specific HTML, CSS, and JavaScript (Mobile web part 5)

⚠️ Warning: this is an old article and may include information that’s out of date. ⚠️

Mobile-specific HTML

Viewport tag

Tel scheme (to initiate phone calls)

Sms scheme (to initiate text messages)

Disable automatic telephone number linking

iOS-specific HTML (some work on Android as well)