An in-depth explanation of meta tags

meta tag is a very important tag in the source code of html web pages. The following article will focus on introducing you to the knowledge of meta tags in html. It is very good. Friends who are interested should learn together.

Commonly referred to as META tags , 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

##XML/HTML CodeCopy Content to clipboard

1. ##<

   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 ratio 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"

##XML/HTML Code

Copy content to clipboard

##<

1. meta

   http-equiv="X-UA-Compatible " content="IE=edge"> X -UA-Compatible is a proprietary attribute of IE8. It tells IE8 which IE version to use to render web pages. It is used in the tag of html;

   IE=edge, if If the system has IE8 or above installed, 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

   XML/HTML Code
   

   Copy content to clipboard
   <
   1. meta

      name="apple-mobile-web-app-title" content="Blog Garden"> ##The default name when sending to the screen

      5, format-detection

      XML/HTML CodeCopy content to clipboard

      ##<
      meta
      1. name

         ="format-detection" content ="telephone=no" /> //Tell the device to ignore recognizing numbers on the page as phone numbers

      2. <meta name="format-detection" content ="email=no" /> //Do not let android recognize the email

         
         

      More For more in-depth and simple explanations of meta tag related articles, please pay attention to the PHP Chinese website!