Detailed explanation of some usage of meta tags

The so-called META tag is an important html tag in the source code of HTML web pages. The META tag is used to describe the attributes of an HTML web page document, such as author, date and time, web page description, keywords, page refresh, etc.

1, viewport

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

(1) width controls the size of the viewport, you can specify a value, such as 640 Or a special value; device-width is the width of the device (unit is CSS pixels scaled to 100%);

(2) initial-scale initial scaling, the scaling when the page is first loaded ;

(3) maximum-scale The maximum ratio that the user is allowed to zoom to, ranging from 0 to 10.0;

(4) minimum-scale The minimum ratio that the user is allowed to zoom to, ranging from 0 to 10.0;

(5) user-scalable Whether the user can manually zoom, the value can be: yes or true allows the user to zoom; no or false does not allow the user to zoom;

2 , content="IE=edge"

<meta http-equiv="X-UA-Compatible" content="IE=edge">

X-UA-Compatible is a proprietary attribute of IE8, which tells IE8 Which IE version is used to render the web page? Use it in the tag of HTML;

IE=edge. If the system is installed with IE8 or above, the highest version of IE will be used for rendering; otherwise, this setting Can be ignored.

3. renderer



Specify how dual-core browsers render pages by default.

webkit Default webkit kernel;

ie-comp Default IE compatibility mode;

ie-stand Default IE standard mode;

And webkit|ie- Comp|ie-stand is written in order of priority. If it is not supported, go down. The browser will select its own rendering core to process the current web page in order from left to right.

The browsers currently supporting it are: 360

4, apple-mobile-web-app-title

##

<meta name="apple-mobile-web-app-title" content="博客园">

The default name when sending to the screen


5, format-detection
XML/HTML Code copy content to clipboard Board

<meta name="format-detection" content="telephone=no" /> //告诉设备忽略将页面中的数字识别为电话号码   

     <meta name="format-detection" content="email=no" /> //不让android识别邮箱

The above is the detailed content of Detailed explanation of some usage of meta tags. For more information, please follow other related articles on the PHP Chinese website!