HTML META tag detailed

1 Name=viewport

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

1, Width: Control the size of the viewport, you can specify a value, such as 600, or a special value, such as device-width for the width of the device (in pixels scaled to 100% CSS)

2, Height: and width corresponding to the specified height

3, Initial-scale: initial scaling ratio, the first time the page is loaded when the zoom ratio

4, Maximum-scale: Allow the user to zoom to the maximum proportion, ranging from 0 to 10.0

5, Minimum-scale: Allow the user to zoom to the minimum ratio, ranging from 0 to 10.0

6, User-scalable: Whether the user can manually scale, the value can be: ①yes, True allows the user to scale; ②no, false does not allow the user to scale

The name attribute in 2 meta

<!--to explain the key words of the build tool-->
<meta  name= "generator"  content= "" >     
 <!--to the search engine to describe your Web page-->
<meta  name= "Keywords"    content= "" > 
<!--tells the search engine the main content of your site--> <meta name=
" Description "  content=" > 
<!--tells the search engine to make the author of your site-->  
<meta  name= "Author"    content= "Your name" >
<meta  name= "Robots"    content= "All|none|index|noindex|follow|nofollow" >
<!--  
set to all: The file will be retrieved and the link on the page can be queried;     
set to None: The file will not be retrieved and the link on the page cannot be queried;     
set to index: The file will be retrieved;     
Set to follow: the link on the page can be queried;     
set to Noindex: The file will not be retrieved, but the link on the page can be queried;     
set to nofollow: The file will not be retrieved and the link on the page can be queried.
-->

HTTP-EQUIV properties in 3 meta

<!--set character encoding and file format-->
<meta http-equiv= "Content-type" content= "text/html"; Charset=utf-8 ">
<! --Set timed refresh-->
<!--more wonderful content:http://www.bianceng.cn/web/html/-->
<meta http-equiv= "Refresh"  Content= "N;url=http://.......>
<!--tells the browser not to cache pages-->
<meta http-equiv=" Pragma "content="   No-cache ">
<!-//Tell browser not to cache page--> <meta http-equiv=" Cache-control "content=" No-cache ">//
Tell the browser not to cache pages
<!--Disable browser caching for this page-->
<meta http-equiv= "expires" content= "0" >
<!-- Set IE's document compatibility mode, set ie7+ browser to IE7 Compatibility Mode view page--> <meta http-equiv= "x-ua-compatible" content= "ie=7"
>

More meta and link in the 4 HTML5

<! DOCTYPE html> <!--HTML5 DOCTYPE case-insensitive-->