Front End Pit--meta marking chapter

General class:

Claim encoding

<charset/>

Page keywords

<name= "keywords" content/>   

Page description

<name= "description" content/>   

Page redirection and Refresh

The number within the content represents the time (in seconds) that is refreshed after a few minutes. If the URL is added, it is redirected to the specified Web page (search engines can be automatically detected and easily punished by the engine as misleading).

<http-equiv= "Refresh" content/>   

mobile End Class:

Viewport

Disable unnecessary autoscale to optimize mobile browser display

<name= "Viewport"  content= "Width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no "/><!--  ' width=device-width ' will cause IPhone 5 Black  When you open a page in WebApp full-screen mode after adding to the home screen 

Ignore recognition as phone number and mailbox

Prevents possible partial JS execution errors due to HTML changes

<name= "format-detection"  content= "Telephone=no"/>  <!-- Disable automatic identification as a phone number link, mainly apple-- <name  = "Format-detection"  content= "Email=no"/><!--  Disable automatic recognition of mailboxes, mainly for Android--- 

Some other mobile-side utility meta

<!--optimized for handheld devices, mainly for older browsers that do not recognize viewport, such as BlackBerry -<Metaname= "handheldfriendly"content= "true"><!--Microsoft's old-fashioned browser -<Metaname= "Mobileoptimized"content= " the"><!--UC Force vertical screen -<Metaname= "Screen-orientation"content= "Portrait"><!--QQ Forced vertical screen -<Metaname= "X5-orientation"content= "Portrait"><!--UC Force full screen -<Metaname= "Full-screen"content= "Yes"><!--QQ Mandatory Fullscreen -<Metaname= "X5-fullscreen"content= "true"><!--UC Application Mode -<Metaname= "Browsermode"content= "Application"><!--QQ Application Mode -<Metaname= "X5-page-mode"content= "App"><!--windows Phone clicks No highlight -<Metaname= "Msapplication-tap-highlight"content= "No">

Full-screen mode (apple) This seems to be a bit ineffective.

<name= "apple-mobile-web-app-capable" content<!--   

title added to the main screen (Apple)

<name= "Apple-mobile-web-app-title" content= "title">    

site adaptation : Mainly used for pc-mobile phone page of the corresponding relationship.

<name= "Mobile-agent"content= "FORMAT=[WML|XHTML|HTML5"; Url=url "><!--        -

Avoid Baidu transcoding

<http-equiv= "Cache-control" content/>   

pc side:

Use the latest version of IE and Chrome first

<http-equiv= "x-ua-compatible"  content= "Ie=edge,chrome =1 "/>

Domestic dual-core browser selection kernel

<Metaname= "Renderer"content= "WebKit"><!--use the fast core -<Metaname= "Renderer"content= "Ie-comp"> <!--using IE compatible kernel -<Metaname= "Renderer"content= "Ie-stand"><!--use IE standard kernel -

Note: Most of this article is transferred from "Rookie Note", the original link http://www.runoob.com/w3cnote/meta.html

Front End Pit--meta marking chapter