Understanding of META Tags

Source: Internet
Author: User

have been accustomed to the use of META tags, and really seriously understand, at least the English meaning has not yet figured out ...

Here's an excerpt from the network:

Interactive Encyclopedia:

Elements can provide meta-information (meta-information) for related pages, such as descriptions and keywords for search engines and update frequency. The label is located in the header of the document and does not contain any content. The properties of the label define the name/value pairs associated with the document. For example, keywords will be automatically collected by large search sites automatically, you can set the page format and refresh and so on. Meta tags have a total of two properties, which are the Http-equiv property and the Name property, and different properties have different parameter values, these different parameter values to achieve a different page function.

Name property
The name attribute is mainly used to describe the Web page, and its corresponding property value is content,content content is mainly convenient for search engine robot to find information and classification information.
The Name property syntax format for the META tag is: <meta name= "parameter" content= "specific parameter value" >;.
Where the name attribute mainly has the following parameters:
A, Keywords (keywords)
Description: Keywords is used to tell search engines what keywords are on your page.
Example: <meta name = "keywords" content= "science,education,culture,politics,ecnomics,relationships,entertainment, Human ">
B, description (Website content description)
Description: Description is used to tell search engines the main content of your website.
Design highlights of the website content description (description):
① Web pages are described as natural languages rather than listed keywords (contrary to keywords design);
② as accurately as possible to describe the core content of the Web page, usually a summary of the content of the Web page information, that is, the search engine in the search results to display the summary information;
③ page description contains valid keywords;
④ the content of Web page description is highly correlated with the content of page title;
The content of ⑤ Web page description is highly correlated with the main content of Web page.
⑥ page description of the text do not need too much, generally not more than the search engine results summary information of the maximum number of words (usually within 100 text, different search engine slightly difference).
Example: <meta name= "description" content= "This page is about the meaning of science,education,culture." >
C, 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.
Example: <meta name= "Robots" content= "None" >
D, author (author)
Description: The author of the callout page
Http-equiv Property
Http-equiv, as the name implies, is equivalent to the HTTP file header function, it can send back some useful information to the browser to help correct and accurate display of the content of the Web page, and the corresponding property value of content,content content is actually the variable value of each parameter.
The Http-equiv property syntax format for meta tags is: <meta http-equiv= "parameter" content= "parameter Variable value" >, where the Http-equiv property has the following main parameters:
A, Expires (term)
Description: Can be used to set the expiration time of a Web page. Once the page expires, it must be retransmitted to the server.
Usage: <meta http-equiv= "Expires" content= "fri,12 Jan 2001 18:18:18 GMT" >
Note: The time format of GMT must be used.
B, Pragma (cache mode)
Description: Prevents the browser from accessing page content from the local computer's cache.
Usage: <meta http-equiv= "Pragma" content= "No-cache" >
Note: This setting makes it impossible for visitors to browse offline.
C, refresh (refreshed)
Description: Automatically refreshes and points to the new page.
Usage: <meta http-equiv= "Refresh" content= "2; URL ">; (note the following quotation marks, respectively, before the number of seconds and after the URL)
Note: 2 of these are meant to be automatically refreshed to URL URLs after 2 seconds of stay.
D, Set-cookie (Cookie setting)
Note: If the page expires, the cookie will be deleted.
Usage: <meta http-equiv= "Set-cookie" content= "COOKIEVALUE=XXX; expires=friday,12-jan-2001 18:18:18 GMT; path=/">
Note: The time format of GMT must be used.
E, Window-target (display window settings)
Description: Forces the page to appear on a separate page in the current window.
Usage: <meta http-equiv= "Window-target" content= "_top" >
Note: Used to prevent others from calling their own pages in the frame.
F, Content-type (setting of the display character set)
Description: Sets the character set used by the page.
Usage: <meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">
G, Content-language (Display language Settings)
Usage: <meta http-equiv= "Content-language" content= "ZH-CN"/>

Effects of meta animations

Using meta tags, we can also animate the moment we enter the page or leave the page, just add the following code between the <meta http-equiv= "Page-enter" content= "Revealtrans (duration=5.0,transition=20)" >
Once the above code is added to a webpage, we will see some special effects when we go into and out of the page, this function is actually the same as the format/page transition in FrontPage2000, but we should note that the added page cannot be a frame page; Revealtrans Live Filter
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



In computer science, a common prefix that means "about". So, for example, metadata was data that describes and other data (data about data). A metalanguage is a language used to describe other languages. A metafile is a file, contains other files. The HTML META tag is used to describe the contents of a Web page.

In computer science, a common prefix, which means "about". For example, metadata is a description of other data (data about the data). A meta-language, which is a language used to describe other languages. The metafile is a file that contains other files. HTML meta tags are used to describe the content of a Web page. (Youdao translation)

There's a lot more.

Only one or a few (rarely used) features were used before, and now it's an eye-opener.

(For study purposes only, not for commercial use.) It's not a tort. )

Understanding of META Tags

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.