"Meta"
1.Keywords (keywords)
Description: Tell the search engine what your page's keywords are.
Usage: <meta name= "keywords" content= "seo optimization, SEO optimization tutorial, website optimization, SEO tutorial" >
2. Description (page description)
Description: Description is used to tell search engines the main content of your page.
Usage: <meta name= "description" content= "Study search engine optimization network to provide professional SEO optimization tutorial, collect and organize SEO optimization articles, SEO optimization tools, for network marketing to contribute a part of their own strength. "/>
3. Robots (Robot Wizard)
Description: Robots is used to tell the search robot which pages need to be indexed and which pages do not. The content parameters are all, none, Index, NOINDEX, follow, nofollow. The default is all.
Usage: <meta name= "Robots" content= "all| none| Index| Noindex| follow| Nofollow ">
All: The file will be retrieved and the link on the page can be queried;
None: The file will not be retrieved and the link on the page cannot be queried; (and "Noindex, no follow" play the same role)
Index: file will be retrieved; (Let Robot/spider log in)
Follow: Links on the page can be queried;
NOINDEX: The file will not be retrieved, but the link on the page can be queried; (Do not let Robot/spider log in)
Nofollow: The file will not be retrieved and the link on the page can be queried. (Do not let the Robot/spider follow this page to look down)
4. Author (author)
Description: Label the author or production group of the page
Usage: <meta name= "Author" content= "Mycodewind,[email protected]" >
Note: The content can be: You or your production group's name, or email
5. Copyright (Copyrights)
Description: Label Copyright
Usage: <meta name= "Copyright" content= "This site All rights reserved CSDN All" >
6. Generator (editor)
Description: Description of the editor
Usage: <meta name= "generator" content= "pcdata| Frontpage| " >
Note: content= "You are using the editor"
7. Revisit-after (re-visit)
Description: Notifies the search engine how many days to visit once
Usage: <meta name= "Revisit-after" content= "7 Days" >
The fixed site feature has been introduced from IE9, a simple way for users to access the site directly by clicking the icon on the taskbar. Pinned sites are also easy to implement and require very little code. The following metadata labels are only valid for ie9+. such as the Windows vista,windows 7 system. Official document Address http://msdn.microsoft.com/zh-cn/library/ie/gg491732%28v=vs.85%29.aspx. All elements are optional.
8. Mobile-Viewport label
The meaning is as follows:
Width
Controls the size of the viewport, you can specify a value or a special value, such as device-width as the width of the device (in pixels of the CSS when scaled to 100%).
Height
Corresponds to width, specifying the height of the window.
target-densitydpi
A screen pixel density is determined by the screen resolution, usually defined as the number of dots per inch (dpi). Android supports three screen pixel densities: low pixel density, medium pixel density, high pixel density. A low-pixel-density screen has fewer pixels per inch, while a high-pixel-density screen has more pixels per inch. The default screen for Android browser and webview is medium pixel density.
The following is the range of values for the Target-densitydpi property
The device-dpi– uses the original DPI of the device as the target DP. No default scaling occurs.
high-dpi– uses hdpi as the target dpi. Medium pixel density and low pixel density devices are scaled down accordingly.
medium-dpi– uses MDPI as the target dpi. High pixel density devices are scaled accordingly, and pixel density devices are scaled down accordingly. This is the default target density.
LOW-DPI-use MDPI as the target dpi. Medium pixel density and high pixel density devices are scaled accordingly.
<value>– specifies a specific DPI value as the target dpi. The range of this value must be between 70–400.
To prevent Android browser and WebView from scaling your page based on the pixel density of different screens, you can set the target-densitydpi of viewport to device-dpi. When you do this, the page will not scale. Instead, the page is displayed based on the pixel density of the current screen. In this case, you also need to define the width of the viewport to match the width of the device so that your page will fit on the screen.
Initial-scale
Initial scaling. That is, the initial zoom level of the page. This is a floating-point value, which is a multiplier of the page size. For example, if you set the initial zoom to "1.0", then the Web page will show up at 1:1 of the target density resolution. If you set it to "2.0", the page will be enlarged to twice times.
Maximum-scale
Maximum zoom. That is, the maximum allowable zoom level. This is also a floating-point value that indicates the maximum multiplier of the page size compared to the screen size. For example, if you set this value to "2.0", the page can be up to twice times larger than the target size.
user-scalable
The user adjusts the zoom. That is, whether the user can change the page zoom level. If set to Yes, the user is allowed to change it instead of No. The default value is yes. If you set it to No, then Minimum-scale andMaximum-scale will be ignored because it is not possible to scale at all.
All scaling values must be within the range of the 0.01–10.
Cases:
(Set screen width to device width, prevent users from manually resizing)
<meta name= "viewport" content= "Width=device-width,user-scalable=no"/>
(Set the screen density to high frequency, if, low frequency auto-scaling, prohibit the user to manually adjust the zoom)
<meta name= "viewport" content= "width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale= 1.0, maximum-scale=1.0, User-scalable=no "/>
In addition, IOS 7.1 's Safari adds the Minimal-ui property to the META tag, which hides the address bar and navigation bar by default when the page loads.
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
Common META Tag Properties
