Detailed description of webpage header tags Meta

Source: Internet
Author: User
For details about the webpage header tag Meta, there are two tags titel and Meta In the webpage header. The title is relatively simple, that is, the webpage title. There are still a lot of meta content, so that you can better refer to it in the future, I have collected some information and hope it will be useful to you. I. Composition of meta tagsMeta tags have two attributes: http-equiv and name. different attributes have different parameter values, which enable different webpage functions. 1 , Name AttributeThe name attribute is mainly used to describe the webpage, and the corresponding attribute value is content. The content in the content is mainly used to facilitate search engine robots to find information and classify information. The syntax format of the name attribute of the meat tag is <meta name = "parameter" content = "specific parameter value">. The name attribute has the following parameters: A And keywords)Note: keywords are used to tell the search engine what keywords are on your webpage. Example: <meta name = "keywords" content = "science, education, culture, politics, ecnomics, relationships, entertaiment, human"> B , Description (website content description)Description: description is used to tell the search engine the main content of your website. Example: <meta name = "Description" content = "this page is about the meaning of science, education, culture."> C , Robots (robot wizard)Note: robots is used to tell robots which pages need to be indexed and which pages do not need to be indexed. Content parameters include all, none, index, noindex, follow, and nofollow. The default value is all. Example: <meta name = "Robots" content = "NONE"> D , Author (author)Note: For example, <meta name = "author" content = "*** @ Yahoo.com. Con"> 2 And http-equiv attributesHTTP-equiv, as its name implies, is equivalent to an HTTP File Header. It can return some useful information to the browser to help display the webpage content correctly and accurately. The corresponding attribute value is content, content is actually the variable value of each parameter. The syntax of the HTTP-equiv attribute of the meat tag is as follows: <meta http-equiv = "parameter" content = "parameter variable value">. The HTTP-equiv attribute mainly includes the following parameters: A , Expires (TERM)Note: You can set the expiration time of a webpage. Once the webpage expires, it must be re-transmitted to the server. Usage: <meta http-equiv = "expires" content = "Fri, 12 Jan 2001 18:18:18 GMT"> Note: The GMT time format must be used. B , Pragma (Cache Mode)Note: The browser is prohibited from accessing the page content from the cache of the local computer. Usage: <meta http-equiv = "Pragma" content = "no-Cache"> Note: With this setting, visitors will not be able to browse offline. C , Refresh (refresh)Note: automatically refresh and point to the new page. Usage: <meta http-equiv = "refresh" content = "2; url = http://phigo.bokee.com"> Note: 2 means to automatically refresh to the URL after 2 seconds. D , Set-cookie (cookie setting)Note: If the webpage expires, the cookie on the disk will be deleted. Usage: <meta http-equiv = "Set-cookie" content = "cookievalue = xxx; expires = Friday, 8-aug-2008 18:18:18 GMT; Path =/"> note: the GMT time format must be used. E , Window-target (display window settings)Note: The Force page is displayed on an independent page in the current window. Usage: <meta http-equiv = "window-target" content = "_ top"> Note: It is used to prevent others from calling their own pages in the framework. F , Content-Type (set the display character set)Description: sets the character set used on the page. Usage: <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"> G , Page-exit/page-enter ( Enter the page and exit the page animation effect )Using meta tags, we can also achieve the animation effect as soon as we enter or exit the webpage, you only need to add the following code between the <Meta http-equiv = "Page-Exit" content = "revealtrans (duration = 5, transition = 23)"> once the above Code is added to a webpage, we will see some special effects when entering and exiting the page. This function is actually the same as format/Page Transition in frontpage2000, but we should note that the webpage to be added cannot be a frame page; DurationThe value is the dynamic transition time of the webpage, in seconds. TransitionIs the transition mode. The value ranges from 0 to 23, corresponding to 24 different transition modes. See the following table:
0Box contraction 1Box radiation
2Circular contraction 3Circular radiation
4From bottom up 5From top down
6From left to right 7From right to left
8Vertical blinds 9Horizontal blinds
10Horizontal Louver blinds 11Vertical lattice blinds
12Free dissolution 13Expand from the left and right sides to the middle
14Expand from center to left and right 15Expand from the upper and lower ends to the middle
16Expand from middle to bottom 17Expand from the upper-right corner to the lower-left corner
18Expand from bottom right to top left 19Expand from the upper left to the lower right corner
20Expand from the lower left to the upper right corner 21Horizontal line Expansion
22Vertical Line Expansion 23Generate a random transition mode
 

 

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.