Home > Developer > Web Develop
The META tag is an accessible tag in the head area of the HTML language, which is located between the <HEAD> tag and the <TITLE> tag in the header of the HTML document, which provides information that is not visible to the user. Here are some examples and explanations of the markings.
The META tag is divided into two parts: the HTTP header information (HTTP-EQUIV) and the page description information (NAME).
★http-equiv
HTTP-EQUIV is similar to the HTTP header protocol, which responds to the browser with some useful information to help correct and accurately display the content of the Web page. Common types of HTTP-EQUIV are:
1, Content-type and content-language (setting of the display character set)
Description: Sets the character set used by the page to indicate that the text used by the home page is already spoken, and the browser will invoke the corresponding character set to display the page content.
Usage: <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta http-equiv= "Content-language" content= "ZH-CN" >
Note: The META tag defines the character set used by the HTML page as GB2132, which is the GB character code. If you replace "charset=gb2312" with "BIG5", the character set used for this page is the traditional Chinese Big5 code. When you browse some foreign sites, ie browser will prompt you to correctly display the page need to download XX language support. This is done by reading the Content-type property of the META tag of the HTML page and knowing which character set to use to display the page. If the corresponding character set is not installed in the system, ie prompts to download. Other languages also correspond to different charset, such as the Japanese character set is "ISO-2022-JP", the Korean is "ks_c_5601".
Content-type content can also be: Text/xml and other document types;
CharSet options: Iso-8859-1 (English), BIG5, UTF-8, Shift-jis, Euc, Koi8-2, Us-ascii, X-mac-roman, Iso-8859-2, X-mac-ce, ISO-2022-JP, X-sjis, X-euc-jp,euc-kr, Iso-2022-kr, gb2312, gb_2312-80, X-EUC-TW, X-cns11643-1,x-cns11643-2 and other character sets The Content of Content-language can also be: EN, FR and other language code.
2, Refresh (refreshed)
Description: How long (in seconds) to refresh your Web page, or how long it takes to automatically link pages to other pages.
Usage: <meta http-equiv= "Refresh" content= ">
<meta http-equiv= "Refresh" content= "5; Url=http://www.xia8.net ">
Note: 5 of these are meant to be automatically refreshed to URL URLs after 5 seconds of stay.
3. Expires (term)
Description: Specifies the expiration time of the page in the cache and must be re-accessed on the server once the page expires.
Usage: <meta http-equiv= "Expires" content= "0" >
<meta http-equiv= "Expires" Content= "Wed, 1997 08:21:57 GMT" >
Note: You must use the time format of GMT, or set directly to 0 (the number indicates how much time expires after).
4, Pragma (Cach mode)
Description: Prevents the browser from accessing the contents of the page from the local machine's cache.
Usage: <meta http-equiv= "Pragma" content= "No-cach" >
Note: pages are not guaranteed to be present in the cache, and each visit refreshes the page. With this setting, visitors will not be able to browse offline.
5. Set-cookie (Cookie setting)
Description: When a browser accesses a page, it is cached and can be read from the cache the next time it is accessed to improve speed. Disable caching when you want visitors to refresh your ad's icon every time, or refresh your counter every time. Usually HTML files do not need to disable caching, for the ASP and other pages, you can use the disable cache, because every time you see the page is dynamically generated on the server, the cache loses meaning. If the page expires, the saved cookie will be deleted.
Usage: <meta http-equiv= "Set-cookie" content= "COOKIEVALUE=XXX; Expires=wednesday,
21-oct-98 16:14:21 GMT; path=/">
Note: The time format of GMT must be used.
6, Window-target (display window settings)
Description: Forces the page to appear on a separate page in the current window.
Usage: <meta http-equiv= "Widow-target" content= "_top" >
Note: This property is used to prevent others from calling your page in the frame. Content options: _blank, _top, _self, _parent.
7, 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: <meta http-equiv= "Pics-label" contect=
"(PICS-1.1 ' http://www.rsac.org/ratingsv01.html '
I Gen comment ' RSACi North America Sever ' by ' [email protected] '
For ' http://www.microsoft.com ' 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/.
8, Page-enter, Page-exit (Entry and exit)
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
9. msthemecompatible (XP theme)
Description: Whether to turn off XP themes in IE
Usage: <meta http-equiv= "msthemecompatible" content= "yes" >
Note: Turn off XP's Blue stereo button system display style, which is much like Win2K.
10. IE6 (Page builder)
Description: Page Builder generator, is IE6
Usage: <meta http-equiv= "IE6" content= "Generator" >
Note: With what things to do, similar products factory manufacturers.
11. Content-script-type (script related)
Description: This is the latest specification of the Web, indicating the type of script in the page.
Usage: <meta http-equiv= "Content-script-type" content= "Text/javascript" >
Attention:
12, Mssmarttagspreventparsing ()
Description: A sentence is to prevent Microsoft page editing software automatically add tags on the page, to ensure that the code is original
Usage: <meta name= "mssmarttagspreventparsing" content= "TRUE" >
★name variable
Name is a description of the Web page, corresponding to the content (Web page contents), so that search engine robots to find, classify (currently almost all search engines use online robots automatically find meta values to classify Web pages).
The value of name (name= "") specifies the type of information provided. Some of the values are already defined. such as description (description), keyword (keyword), refresh, and so on. You can also specify any other value, such as: CreationDate (Date Created),
Document ID (DOC number) and level (rank), and so on.
The content of name specifies the actual contents. For example, if the level (rank) is value (value), content may be beginner (beginner), intermediate (intermediate), advanced.
1, Keywords (keywords)
Description: A list of keywords for search engines
Usage: <meta name= "Keywords" content= "keyword 1, keyword 2, keyword 3, keyword 4,......" >
Note: Each keyword is separated by a comma ",". The usual use of meta is to specify keywords that search engines use to improve search quality. When several meta elements provide document language dependency information, search engines use the Lang feature to filter and display search results through the user's language precedence reference. For example:
<meta name= "Kyewords" lang= "EN" content= "Vacation,greece,sunshine" >
<meta name= "Kyewords" lang= "FR" content= "Vacances,grè:ce,soleil" >
2, Description (Introduction)
Description: Description is used to tell search engines the main content of your website.
Usage: <meta name= "Description" content= "A brief description of your webpage" >
Attention:
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 ">
Note: Many search engines log on 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; (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= "Zhang San, [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 page is owned by Zerospace. All rights Reserved ">
Attention:
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
Usage: <meta name= "Revisit-after" content= "7 Days" >
Attention:
Some other uses in the ★head
1. Scheme (scheme)
Description: Scheme can be used when name was used to specify how the value of content should
be interpreted.
Usage: <meta scheme= "ISBN" name= "identifier" content= "0-14-043205-1"/>
Attention:
2. Link (links)
Description: Linking to a file
Usage: <link href= "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:
<link href= "URL" rel= "relationship" >
<link href= "URL" rev= "relationship" >
3, Base (link)
Description: Insert Web page Base Link property
Usage: <base href= "http://www.fl86.com/" target= "_blank" >
Note: All relative paths on your page will be prefixed with "http://www.fl86.com/" when linking. where target= "_blank" is the link file opened 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.
<meta name= "verify-v1″content=" ejkozwruyhnlwjyukbfxvj2ioms9m4ntuetfhriyony= "/>
In fact, this is a way of SEO management, Google has a Web site management tool: Https://www.google.com/webmasters/tools, register login, add your website (can add more), it will prompt you to check the code, If you put this in the head area of the home page, it means that the site is yours, otherwise it is not; After the verification is successful, you can take advantage of a series of services managed by Google's website.
Therefore, the META tag "Verify-v1″" in HTML is a way to verify the identity of the site owner when using the Google Web Site Administration tool, which is a meta tag attribute added by the webmaster.
Practical examples
One, automatic jump page
<meta http-equiv= "Refresh" content= "time; url= Address" >
Example: Automatically jump to Baidu homepage after 3 seconds
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en"
"Http://www.w3.org/TR/html4/loose.dtd" >
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta http-equiv= "Refresh" content= "3;url=http://www.baidu.com" >
<title> Untitled Document </title>
<body>
Automatically jump to Baidu homepage after 3 seconds
</body>
Second, prohibit the IE6 image toolbar
The first method:
The second method:
<meta http-equiv= "Imagetoolbar" content= "no" >
Cases:
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en"
"Http://www.w3.org/TR/html4/loose.dtd" >
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta http-equiv= "Imagetoolbar" content= "no" >
<title> Untitled Document </title>
<style type= "Text/css" >
<!--
. style1 {
Font-family: "Founder Shu Body";
font-size:36px;
Color: #0000FF;
}
-
</style>
<body>
<p class= "Style1" > Spider-Man </p>
<p></p>
</body>
Third, set the page keywords and page description (search engine)
Let search engine providers find the page's keywords and description of the page
<meta name= "keywords" content= "page keywords" >
<meta name= "description" content= "page description" >
Cases:
<meta name=roblots content= "Noarchive,noindex,nofollow,noimageindex,noimageclick" >
Iv. Add a custom small icon
Prepare a 16x16-sized icon file
Add the following code to the <link rel= "shortcut icon" href= "Cunstom_ico" >
Ban theme support for Web pages
Add the following code to the head section of the Web page
<meta http-equiv= "msthemecompatible" content= "no" >
Vi. Disable browser caching of Web pages
Enter the following code in the head section
<meta Http-equiv=pragma content=no-cache>
<meta Http-equiv=expires content=0>
<meta http-equiv= "Cache-control" content= "No-store" >
Cases
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en"
"Http://www.w3.org/TR/html4/loose.dtd" >
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
<meta Http-equiv=pragma content=no-cache>
<meta Http-equiv=expires content=0>
<meta http-equiv= "Cache-control" content= "No-store" >
<title> Untitled Document </title>
<body>
Prevent browsers from caching Web pages
</body>
The role of the various link tags in html
After opening the HTML source of the WordPress page, you can see the head tag has a variety of link tags, to find their exact role and provenance, has not found a clear statement, it is depressed.
Let's make a note of the following:
PLAIN TEXT CODE:is to tell support subscribe RSS to the browser of the site's RSS address is what, if used Feedsky words, can completely replace.
PLAIN TEXT CODE:Small icon at the front of the address bar ... Everybody seems to know each other.
PLAIN TEXT CODE:Blog Archive URL, estimated to be for search engine crawling, to delete this section of the Dong ... Hey.
Archive URL can also be completely shed, because the essence of blog is a single article, archive page is not important, write, but may waste search engine crawler crawl time.
PLAIN TEXT CODE:For use by offline editors like Livewriter?
PLAIN TEXT CODE:Style sheet, needless to say.
The above Mark I am now only by speculation to explain its role, such as the passing of the talent to give specific meaning, grateful.
Meta,link Label Explanation
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
