Meta Tag Details

Meta label

First, Name property (page description information)

1, Parameters: Keywords (keywords)

<meta name= "keywords" content= "web keywords" >

Description: A list of keywords for search engines

Hint: Each keyword is separated by commas ",". If you are using Chinese punctuation, the keyword will not work.

2, Parameters: Description (Introduction)

<meta name= "description" content= "Web Brief description" >

Description: Used to write a short description of the page

3. Parameters: Author (author)

<meta name= "Author" content= "author name" >

Description: Label the author or production group of the page

4. Parameters: Generator (editor)

<meta name= "Generator" content= "editor name" >

Description: Used to record editor name

<meta http-equiv= "Generator" content= "simple HTML Editor V2.5" >

5. Parameters: Copyright (Copyrights)

<meta name= "Copyright" content= "Web Rights" >

Description: Used to mark the copyright or Copyright statement of the website

6. Parameters: Distribution (allocation target)

<meta name= "Distribution" content= "Web Publishing Area" >

Description: Refers to the area in which the site appears, and is generally set to global.

Note: meta-tag distributions define the distribution of your Web pages and how they should be categorized in relation to the level or extent of the methods on the World Wide Web. Generally not. There are currently only three distributions supported by assigned tags:

Global-The purpose of your Web page is to show everyone

Local-localized distribution for documents

IU-Internal use, not for public distribution

7. Parameters: Language (language)

<meta name= "language" content = "ZH-CN" >

Description: Description of the Web language

8. Parameters: Designer (designer)

< meta name= "designer" content = "designer name" >

Description: Description of the web designer

Tip: Generally speaking, the publisher is the personal information

9. Parameters: Publisher (publisher)

< meta name = "Publisher" content = "Publisher name" >

Description: Description of the publisher of the website

Tip: Generally, publishers are publishing company information

10. Parameters: Title (subject)

< meta name = "title" content = "Your title" >
Description: Website Topic description
Tip: Usually the value here is the content title of the page

11, Parameters: Subject (content of the subject)

< meta name= "subject" CONTENT = "Your subject" >

Description: Mainly refers to the topic of this article is what, the core content is what.

12. Parameters: Abstract (abstract)

< meta name= "abstract" CONTENT = "page description" >
Description: Web Page description
Tip: A brief description of the content of the page, common in the content page, you can enhance the search engine to save the content of the page, user-friendly search.

13. Parameters: Expires (term)

< META name= "expires" content = "Time" >
Description: Page duration
Tip: The GMT standard time must be defined and the expiration time will not be recalled from the cache after the time has passed.

For example:< meta name= "expires" content = "Wed, 00:51:09 EST" >

Note: The content on your site will expire when you declare a search engine at the expiry meta tag. The expiration Meta tag defines the expiration date and time of the document to be indexed. If your site is running in a limited time event or there is a preset date when your document will no longer be valid, you should include expiration tags to indicate when your web search engine is deleted from their database, and the expired tags are commonly used with the revisit tag as a means to get the search engine back to visit a website every few days. It is common for websites who regularly update their content and want search engines to have a new copy of their content.

Also you'll see the value of zero "0" to the page deleted. A better-to-do-is using the 301 refer in case of a new page or the 404-not found.

<meta name= "Expires" content= "0" >

14, Parameters: Revisit-after (re-visit time)

< meta name= "revisit-after" content = "N days" >

Description: General large Web site, spider crawling frequency is very frequent, causing the server pressure. So the limit is to allow spiders to revisit within a limited date, for example, 7 days is a seven-day visit
For example:< meta name= "revisit-after" content = "7 Days" >

15. Parameters: Robots (Robot Wizard)

<metaname= "Robots" content= "All|none|index|noindex|follow|nofollow" >
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.
Tip: Many search engines log in to websites by releasing Robot/spider search, and these robot/spider use some of the meta-element features to determine how to log in.
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;

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)
For example: <meta name = "robots" content = "All" >

16. Parameters: Viewport (viewport)

<meta name= "viewport" content= "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>

Description: The width of the current viewport is equal to the width of the device on the mobile device and does not allow the user to scale manually. May not allow users to scale different sites have different requirements, but let viewport width equal to the width of the device, this should be the effect that everyone wants, if you do not set it, then will use that than the screen width of the default viewport, that is, the horizontal scroll bar appears.

Width: Sets the Layoutviewport, in the example, the value of Device-width is set to the device display width.

Height: Sets the altitude of the layoutviewport and is seldom used.

Initial-scale: The initial scaling ratio, which is the scale (range from 0 to 10) when the page is first load.

Maximum-scale: Allows the user to zoom to the maximum scale.

Minimum-scale: The minimum scale to which the user is allowed to zoom.

User-scalable: Whether the user can manually scale

17, <meta name= "apple-mobile-web-app-capable" content= "yes"/>

Description: This meta function is to hide the Apple toolbar and the menu bar. The content has two values "yes" and "no", and when we need to display the toolbar and menu bar, the row meta is not added, the default is display.

18, <meta name= "Apple-touch-fullscreen" content= "yes" >

Description: After adding to the home screen, full screen display

19, <meta name= "Apple-mobile-web-app-status-bar-style" content= "Black"/>

Description: The default value is defaults (white), which can be set to Black (dark) and black-translucent (gray translucent).

Note: If the value "Black-translucent" will occupy the page px position, floating above the page (will cover the page 20px height –iphone4 and itouch4 Retina screen is 40px).

20, <meta name= "format-detection" content= "Telephone=no"/>

<metaname= "Format-detection" content= "Email=no"/>

Description: Phone number, mailbox, tell device to ignore number on page recognized as phone number or mailbox will not be recognized

Second, Http-equiv properties (HTTP header information)

1, <meta http-equiv= "Content-type" content= "Text/html;charset=utf-8" >

Description: HTML5 added meta-function <metacharset= "UTF-8" >

The most commonly used are charset=gb2312, charset=iso-8859-1 and Charset=utf-8.

1CHARSET=GB2312 representative notes that the website is using the encoding is Simplified Chinese;

2charset=utf-8 on behalf of the world-wide language coding, this code can be used in Chinese, Korean, Japanese and other world language coding;

3charset=iso-8859-1 is a western European code that indicates that the website is using the encoding that is in English;

4CHARSET=BIG5 representative notes that the website is using the encoding is traditional Chinese;

5CHARSET=EUC-KR representative notes that the website is using the encoding is Korean;

6CHARSET=GBK is a standard that is compatible with GB2312 on the basis of national standard GB2312, GBK contains all Chinese characters

2, <metahttp-equiv= "Content-language" content= "ZH-CN" >

Description: Used to describe the page production of the text and language;

3, <meta http-equiv= "Refresh" content= "N;url=http://yourlink" >

Description: Timed to allow the page within the specified time of N, jump to the page http://yourlink;

Note: Ie6~ie10 (original page refresh invalid, enter can jump)

Other Browser Verification Success (original page refresh valid, enter can jump)

4, <meta http-equiv= "Expires" content= "mon,12 May2001 00:20:00 GMT" >

Description: Can be used to set the expiration time of a webpage and must be recalled to the server once it expires. It is important to note that the GMT time format must be used;

5, <meta http-equiv= "Pragma" content= "No-cache" >

Description: Is used to set the browser from the local computer cache to access the content of the page, after the settings once left the page can not be recalled from the cache;

6, <meta http-equiv= "Set-cookie" content= "mon,12 May2001 00:20:00 GMT" >cookie set, if the page expires, the cookie will be deleted. It is also important to note that GMT time format must be used;

7, <meta http-equiv= "Windows-target" content= "_top" >

Forcing the page to appear in the current window as a separate page prevents your page from being called by others as a frame page;

Note: This property is used to prevent others from calling your page in the frame. Content options: _blank, _top, _self, _parent.

8, <metahttp-equiv= "Page-enter" content= "Revealtrans (duration=10,transtion=50)" > and <meta http-equiv= " Page-exit "content=" Revealtrans (duration=20,transtion=6) > Set special effects when entering and leaving the page, which is "format/page Transitions" in FrontPage, However, the added page cannot be a frame page.

Description: This is a number of special effects when the page is loaded and paged out.

Usage: <meta http-equiv=page-enter content=blendtrans (duration=0.5) >

<meta http-equiv=page-exit Content=blendtrans (duration=0.5) >

Note: Blendtrans is a kind of dynamic filter that produces a fade effect. Another dynamic filter Revealtrans can also be used for page entry and exit effects:

<meta http-equiv=page-enter Content=revealtrans (duration=x,transition=y) >

<meta http-equiv=page-exit Content=revealtrans (duration=x,transition=y) >

Duration indicates the duration of the filter effect (in seconds)

Transition filter type. Indicates which effect to use, with a value of 0-23.

0 Rectangle reduction

1 Rectangle Enlargement

2 Round Zoom Out

3 Circular Enlargement

4 down to top refresh

5 Top to bottom refresh

6 Left to right refresh

7 right-to-left refresh

8 Vertical Blinds

9 Horizontal Blinds

10 Dislocation Horizontal Blinds

11 Dislocation Vertical Blinds

12-point diffusion

13 or so to the middle refresh

14 Middle to left and right refresh

15 middle to upper and lower

16 up and down to the middle

17 right down to top left

18 top right to bottom left

19 top left to bottom right

20 lower left to top right

21 Horizontal Bar

22 Vertical Bar

23 or more 22 random selection of a

Note: IE6 verification is successful (the original page refresh is not valid, enter can be displayed), other browsers cannot verify

9, <meta http-equiv= "Imagetoolbar" content= "false"/>

Specifies whether the Picture toolbar is displayed when the false representation is not displayed, and when True represents the display.

Eg: Picture Toolbar

Note: IE6 verification success, for tag pictures, other browsers can not verify

10, <meta http-equiv= "Content-script-type" content= "Text/javascript" >

Web page specification that indicates the type of script in the page.

11, Pics-label (page RSAC rating)

Description: There is a content setting in Internet Options for IE that prevents you from browsing some restricted sites, and the limits of websites

is set by this parameter.

Usage: <metahttp-equiv=pics-label content=

(PICS-1.1 ' http://www.rsac.org/ratingsv01.html '

Igen comment ' rsaci North America Sever ' by ' [email protected] '

For ' http://www.microsoft.com ' on ' 1997.06.30t14:21-0500 ' R (n0 s0 v0 l0)) >

Note: Do not set the level too high. The RSAC evaluation system provides a standard for evaluating Web site content. Users can set up Microsoft Internet Explorer (IE3.0 or more) to exclude sites that contain pornographic and violent content. The HTML in the example above is taken from Microsoft's homepage. The code (n 0 S 0 v 0 L 0) indicates that the site does not contain unhealthy content. Ratings are assessed by RSAC, the rating agency of the American Entertainment Commission, if you want to learn more about the level of RSAC evaluation system, or if you need to evaluate your own website, you can visit the RSAC site: http://www.rsac.org/.

12. msthemecompatible (XP theme)

Description: Whether to turn off XP themes in IE

Usage: <metahttp-equiv=msthemecompatible content=yes>

Note: Turn off XP's Blue stereo button system display style, which is much like Win2K.

13. IE6 (Page builder)

Description: Page Builder generator, is IE6

Usage: <metahttp-equiv=ie6 content=generator>

Note: With what things to do, similar products factory manufacturers.

14. Content-script-type (script related)

Description: This is the latest specification of the Web, indicating the type of script in the page.

Usage: <metahttp-equiv=content-script-type content=text/javascript>

15, <meta http-equiv= "Cache-control" content= "No-cache" >

Description: Cache control, set this page cannot be cached, each time you open this page will need to re-read.

Some other uses in the ★head

1. Scheme (scheme)

Description: Schemecan was used when name was used to specify how the value of content should beinterpreted.

Usage: <METASCHEME=ISBN name=identifier content=0-14-043205-1/>

Attention:

2. Link (links)

Description: Linking to a file

Usage: <linkhref=soim.ico rel=shortcut icon>

Note: Many sites if you save her in the Inbox, you will find that it is accompanied by a small icon, if you click again, you will find the Address bar also has a small icon. You can now easily implement this feature by adding this to your page header. <LINK> is used to link the current file to other URLs, but there is no link button for the <HEAD> tag between the following formats:

<linkhref=url rel=relationship>

<linkhref=url rev=relationship>

Example 1, <link rel= "apple-touch-icon-precomposed" href= "Img/pic.png"/>

Note: This link is to set the Web App placement on the Home screen icon file path.

Image size can be set to 57*57 (px) or retina can be set to 114*114 (px), ipad size is 72*72 (px)

Example 2, <link rel= "Apple-touch-startup-image" href= "Img/pic.png"/>

Description: Web App splash screen

3, Base (link)

Description: Insert Web page Base Link property

Usage:<basehref=http://www.***.net/target=_blank>

Note: All relative paths on your page will be prefixed with "http://www.***.com/" when linking. Where Target=_blank is the link file opens in a new window, you can do other settings. Change "_blank" to "_parent" is the link file will open in the parent window of the current window, instead the "_self" link file opens in the current window (frame), instead the "_top" link file is displayed in full screen.

Note: Validation succeeds, relative path link

Meta Tag Details