Meta tag of WebApp, webappmeta

Meta tag of WebApp, webappmeta

<Meta name = "apple-touch-fullscreen" content = "yes"> "add to home screen, full Screen Display <meta name = "apple-mobile-web-app-capable" content = "yes"/>
This meta is used to delete the default Apple toolbar and menu bar. Content has two values: "yes" and "no". When we need to display the toolbar and menu bar, this line of meta does not need to be added. The default value is display.

<Meta name = "apple-mobile-web-app-status-bar-style" content = black "/>
The default value is default (white), which can be set to black (black) and black-translucent (gray translucent ).
Note: If the value is "black-translucent", it will occupy the page px position and float above the page (it will overwrite the page 20px height-Retina screen of iphone4 and itouc4is 40px ).

There are two meta values in iOS: apple-mobile-web-app-capable and apple-mobile-web-app-status-bar-style, these two will display the webpage content in the application style and make the status bar transparent.
<Meta name = "apple-mobile-web-app-capable" content = "yes">
<Meta name = "apple-mobile-web-app-status-bar-style" content = "black-translucent">


<Link rel = "apple-touch-icon-precomposed" href = "http://spion.blog.163.com/blog/iphone_milanoo.png"/>
Note: This link is used to set the icon file path for placing the web app on the home screen.
The image size can be set to 57*57 (px) or 114*114 (px) for Retina, and 72*72 (px) for ipad)

<Meta content = "telephone = no" name = "format-detection"/>
<Meta content = "email = no" name = "format-detection"/> // the email address is not recognized.
Tell the device to ignore recognizing numbers on the page as phone numbers

Rel = "apple-touch-icon" for iOS and rel = "apple-touch-icon-precomposed for android ". In this way, you can create an application style icon on the HOME page of your mobile phone when you save the webpage as a bookmarkdonefile.
<Link rel = "apple-touch-icon" href = "/static/images/identity/HTML5_Badge_64.png"/>
<Link rel = "apple-touch-icon-precomposed" href = "/static/images/identity/HTML5_Badge_64.png"/>