<meta>

Mobile Safari uses a few specific <meta> tags to optimize the mobile browser—things like viewport, scrolling, and whether or not to hide the address or status bar.

Here's a short description and the syntax.

apple-mobile-web-app-capable

Sets whether the web application runs in full-screen mode.

• Syntax:

  <meta name="apple-mobile-web-app-capable" content="yes">

• Description: When set to yes, the web application runs in full-screen mode outside of Safari. You also need to have saved this web app on the home screen of your iOS device.

apple-mobile-web-app-status-bar-style

Sets the style of the status bar if the web application is run in full screen mode.

• Syntax:

  <meta name="apple-mobile-web-app-status-bar-style" content="black">

• Description: Optional values are default, black, and black-translucent.