How to use the head meta tag of H5

This time I will show you how to use the head meta tag of H5. What are the precautions when using the head meta tag of H5. The following is a practical case, let's take a look.

H5 standard statement, using HTML5 doctype, case-insensitive

Standard lang Attributes Writing method

Declaring the character encoding used in the document

Priority is given to using the latest version of IE and Chrome

Page description

Page keywords

Web page author

Search Index Engine crawling

viewport ” content=”initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no”> Add viewport for mobile devices

iOS device begin

Add Title after going to the home screen (iOS 6 New )

Whether to enable WebApp full-screen mode and delete Apple’s default toolbar and menu bar

Add Smart App Advertising Banner Smart App Banner (iOS 6+ Safari)

Set the color of the Apple toolbar

Enable the 360 browser’s speed mode (webkit)

Prevent IE from using compatibility mode

Prevent Baidu from transcoding

Optimized for handheld devices, mainly for some old ones that do not recognize Viewport browsers, such as BlackBerry

Microsoft’s old browser

uc forced vertical screen

QQ forced vertical screen

# & lta name =" X5-FULLSCREEN "content =" true "& gt; QQ forced full screen

& lt; meta name = ”browsermode” content=”application”> UC application mode

QQ application mode

windows phone click no highlight

Set the page not to cache

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!