Use of meta Elements

The major role of small and medium HTML Meta
-------------------------------------
-------------------------------------
Meta is used to simulate HTTP Response Header packets in HTML documents. Meta Tags are used in

. The name attribute is mainly used to describe webpages and corresponds to content (webpage content), so that search engines can search and classify robots. (currently, almost all search engines use online robots to automatically search for Meta values

Webpage category ). The most important of these are description and keywords. Therefore, you should add a meta value to each page. The following are commonly used:

Name attribute

1. <meta name = "generator" contect = ""> describes generation tools (such as Microsoft FrontPage 4.0;

2. <meta name = "keywords" contect = ""> describe keywords Of Your webpage to search engines;

3. <meta name = "Description" contect = ""> tell the search engine the main content of your site;

4. <meta name = "author" contect = "Your name"> tell the search engine the creator of your site;

5. <meta name = "Robots" contect = "All | none | index | noindex | follow | nofollow">

The attributes are described as follows:

Set to all: the file will be retrieved, and the link on the page can be queried;

Set to none: files will not be retrieved, and links on the page cannot be queried;

Set to index: the file will be retrieved;

Set to follow: links on the page can be queried;

Set to noindex: the file will not be retrieved, but the link on the page can be queried;

Set to nofollow: files will not be retrieved, and links on the page can be queried.

HTTP-equiv attributes

1. <meta http-equiv = "Content-Type" contect = "text/html"; charset = gb_2312-80 ">

And <meta http-equiv = "content-language" contect = "ZH-CN"> to describe the text and language used by the homepage;

Also such as English is the ISO-8859-1 character set, there are big5, UTF-8, shift-JIS, EUC, Koi8-2 and other character sets;

2. <meta http-equiv = "refresh" contect = "N; url = http://www.baidu.com"> timing redirects the page to the page http://www.baidu.com within the specified time N;

3. <meta http-equiv = "expires" contect = "mon, 12 May 2001 00:20:00 GMT"> you can set the expiration time of a webpage, once it expires, it must be called again on the server. Note:

The GMT time format must be used;

4. <meta http-equiv = "Pragma" contect = "no-Cache"> is used to disable the browser from accessing the page content from the cache of the local machine, once the page is set, it cannot be called out from the cache;

5. <meta http-equiv = "Set-cookie" contect = "mon, 12 May 2001 00:20:00 GMT"> cookie setting: If the webpage expires, the cookie on the disk will be deleted. Note that

The GMT format is used;

6. <meta http-equiv = "pics-label" contect = ""> webpage rating: There is a content setting in Internet Options of IE, this prevents restricted websites from being browsed.

Do not set it through the meta attribute;

7. <meta http-equiv = "Windows-target" contect = "_ top"> force the page to be displayed on an independent page in the current window, it can prevent your webpage from being called as a frame page by others;

8. <meta http-equiv = "Page-Enter" contect = "revealtrans (duration = 10, Transtion = 50) "> and <meta http-equiv =" Page-Exit "contect =" revealtrans

(Duration = 20, Transtion = 6) "> set the special effect when you enter and exit the page. This function is called" format/Webpage transition "in FrontPage ", however, the added page cannot be a frame page.

 

Meta tag details

--------------------------------------------------------------------------------

Introduction
Even if your personal website is wonderful, it is difficult to find people in the "vast ocean" network space. How to promote it?
Personal websites have the following methods:
　　
● Log on to your personal website in the search engine
　　
● Add a link to your personal website on a well-known website

● Post in the Forum to promote your personal website

Many people ignore the powerful functions of HTML Tag meta. A Good meta tag design can greatly improve the possibility of your personal website being searched. Are you interested, who should I get to know the meta tag again?

!

The meta tag is an auxiliary tag in the head area of the HTML language. It is located between the

Define robots to define a page topic or a cookie in your browser. It can be used to identify the author, set the page format, and annotate the content feed and keywords. You can also set a page so that it can be defined according to your requirements.

And set the RASC content level.

Details

The following describes some examples and explanations of tags.

Meta Tags are divided into two parts: HTTP header information (HTTP-EQUIV) and page description information (name ).

★HTTP-EQUIV

The HTTP-EQUIV is similar to the HTTP header protocol, which responds to some useful information for the browser to help display the web content correctly and precisely. Commonly used HTTP-EQUIV types are:

1. Content-Type and content-language (display character set setting)

Note: Set the character set used on the page to indicate that the text used for homepage production is already in language. the browser will call 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: This meta tag defines the character set gb2132 used on the HTML page, which is the Chinese character code of the national standard. If you replace "charset = gb2312" with "big5", the character set used for this page

Big5 codes for traditional Chinese characters. When you browse some overseas sites, the IE browser will prompt you to download XX language support to display the page correctly. This function is used to read the content-

Type attribute to know which character set to use to display the page. If the corresponding character set is not installed in the system, ie will prompt to download. Other languages also correspond to different charsets. For example, the Japanese character set is

Iso-2022-jp ", Korean is" ks_c_5601 ".
　　　　　　
The content of Content-Type can also be text, XML, and other document types;
Charset options: ISO-8859-1, 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; Content-language content can also be: en, FR and other language generations

.

2. Refresh)

Note: The time (in seconds) for a webpage to refresh itself, or the time after which the webpage is automatically linked to another webpage.
Usage: <meta http-equiv = "refresh" content = "30">
<Meta http-equiv = "refresh" content = "5; url = http://www.xia8.net">
Note: 5 indicates that the URL is automatically refreshed after 5 seconds.

3. expires (TERM)

Description: it specifies the expiration time of the webpage in the cache. Once the webpage expires, it must be re-accessed on the server.
Usage: <meta http-equiv = "expires" content = "0">
<Meta http-equiv = "expires" content = "wed, 26 Feb 1997 08:21:57 GMT">
Note: The GMT time format must be used, or the value is set to 0 (the number indicates the time after expiration ).

4. Pragma (cach Mode)

Note: The browser is prohibited from reading the page content from the cache of the local machine.
Usage: <meta http-equiv = "Pragma" content = "no-cach">
Note: The webpage is not saved in the cache, and the page is refreshed every time the webpage is accessed. In this way, visitors will not be able to browse offline.

5. Set-cookie (cookie setting)

Note: When a browser accesses a page, the page will be cached and can be read from the cache next time. When you want visitors to refresh the icon of your advertisement every time, or refresh every time

Disable cache for your counters. Generally, you do not need to disable caching for HTML files. For pages such as ASP, you can disable caching, because every time you see a page that is dynamically generated on the server, the cache will be lost.

Meaning. If the webpage expires, the cookie on the disk will be deleted.
Usage: <meta http-equiv = "Set-cookie" content = "cookievalue = xxx; expires = Wednesday,
21-oct-98 16:14:21 GMT; Path =/">
Note: The GMT time format must be used.

6. Window-target (display window settings)

Note: The Force page is displayed on an independent page in the current window.
Usage: <meta http-equiv = "widow-target" content = "_ top">
Note: This attribute is used to prevent others from calling your page in the framework. Content options: _ blank, _ top, _ self, and _ parent.

7. PICs-label (webpage RSAC rating)
Note: There is a content setting in Internet Options of IE to prevent restricted websites from being browsed.
Do not set 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 'inet @ Microsoft.com'
For 'http: // www.microsoft.com 'on '2017. 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. You can set Microsoft Internet Explorer (ie3.0 or later) to exclude

Websites that contain pornographic and violent content. In the preceding example, HTML is taken from the Microsoft homepage. In the Code (N 0 s 0 V 0 l 0), this site does not contain unhealthy content. The level is determined by RSAC

If you want to learn more about the RSAC rating system or evaluate your website, you can visit the RSAC site:

Http://www.rsac.org /.

8. Page-enter and page-exit (Entry and Exit)

Note: This is a special effect for page loading and calling.
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 type 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 (unit: seconds)
Transition filter type. Which special effect is used? The value ranges from 0 to 23.

0 rectangular narrowing
1. rectangular enlargement
2 rounded down
3. Circular Expansion
4. Refresh from bottom to top
Refresh from top to bottom
6-left-right refresh
7. right-to-left refresh
8 vertical blinds
9 horizontal blinds
10 misplaced horizontal blinds
11 misplaced vertical blinds
Spread
Refresh from around 13 to the center
14. Refresh from center to left
15.
16 up to the middle
17 bottom right to top left
18 top right to bottom left
19 upper left to lower right
20 bottom left to top right
21 horizontal bars
22 vertical bars
23 or more 22 types of random selection

9. msthemecompatible (XP topic)
Determines whether to disable the XP topic in IE.
Usage: <meta http-equiv = "msthemecompatible" content = "yes">
Note: Turn off the XP blue stereo button system display style, which is very similar to Win2k.

10. IE6 (page builder)
Note: The Page Generator generator is IE6.
Usage: <meta http-equiv = "IE6" content = "generator">
Note: It is made of something similar to a factory manufacturer.

11. Content-script-type (script-related)
Note: This is the W3C specification recently, specifying the script type on the page.
Usage: <meta http-equiv = "content-script-type" content = "text/JavaScript">
Note:

★Name variable

Name indicates the webpage, corresponding to content (webpage content ), allows search engines to search for and classify robots. (currently, almost all search engines use online robots to automatically search for Meta values

Class ).
The value (name = "") of name specifies the type of information provided. Some values are defined. Such as description, keyword, and refresh. You can also specify other

Any value, such as: creationdate (creation date ),
Document ID (document number) and level (level.
The content of name specifies the actual content. For example, if the specified level (level) is value, the content may be beginner (Elementary), intermediate (intermediate), and advanced (advanced ).

1. Keywords)
Keywords list provided for search engines
Usage: <meta name = "keywords" content = "keyword 1, keyword 2, keyword 3, keyword 4 ,...... ">
Note: keywords are separated by commas. Meta is usually used to specify keywords used by search engines to improve the search quality. When several meta elements provide document language subordination information, the search engine

The Lang feature is used to filter and display the search results through the user's language preference. For example:
<Meta name = "kyewords" lang = "en" content = "vacation, Greece, sunshine">
<Meta name = "kyewords" lang = "FR" content = "vacances, GR è: Ce, Soleil">

2. Description)
Description: description is used to tell the search engine the main content of your website.
Usage: <meta name = "Description" content = "Brief introduction to your webpage">
Note:

3. 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.

.
Usage: <meta name = "Robots" content = "All | none | index | noindex | follow | nofollow">
Note: Many search engines log on to the website by releasing a robot/spider search. These robot/spider will use some features of the Meta element to determine how to log on.

ALL: files will be retrieved, and links on the page can be queried;
None: the file will not be retrieved, and the link on the page cannot be queried; (same as "noindex, no follow)
Index: the file will be retrieved. (log on to robot/Spider)
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 allow robot/Spider to log on)
Nofollow: files will not be retrieved, and links on the page can be queried. (Do not allow robot/Spider to search down the connection on this page)

4. Author (author)
Note: The author or production team of the webpage
Usage: <meta name = "author" content = "Michael, abc@sina.com">
Note: The content can be the name of you, your production team, or email.

5. Copyright)
Note: Copyright
Usage: <meta name = "Copyright" content = "this page is copyrighted by zerospace. All rights reserved ">
Note:

6. Generator (editor)
Notes: Editor instructions
Usage: <meta name = "generator" content = "pcdata | FrontPage |">
Note: content = "your editor"

7. Revisit-after (revisit)
Note:
Usage: <meta name = "revisit-after" content = "7 days">
Note:

★Other usage in Head

1. Scheme (solution)
Note: scheme can be used when name is used to specify how the value of content shocould
Be interpreted.
Usage: <meta scheme = "ISBN" name = "identifier" content = "0-14-043205-1"/>
Note:

2. Link)
Links to files
Usage: <link href = "soim. ICO" rel = "shortcut icon">
Note: For many websites, if you save her in the inbox, you will find a small icon associated with it. If you click it again, you will find a small icon in the address bar. Now, you only need

In addition, this function can be easily implemented. <Link> is used to link the current file with other URLs, but there is no link button. It is used between <Link href = "url" rel = "relationship">
<Link href = "url" REV = "relationship">

3. Base)
Description: inserts the base link attribute of a webpage.
: <Base href = "http://www.xia8.net/" target = "_ blank">
Note: "http://www.cn8cn.com/#" will be added before all relative paths on your web page /". Target = "_ blank" indicates that the linked file is opened in a new window.

. Change "_ blank" to "_ parent". The linked file will be opened in the parent window of the current window; change to "_ Self". The linked file will be opened in the current window (FRAME; change to "_ top" link file full screen

Display.

These are some of the basic usage of meta tags, the most important of which is the setting of keywords and description. Why? The truth is simple. These two statements allow the search engine to find you accurately,

Attract more people to visit your site! According to the working principle of the popular search engines (Google, Lycos, Altavista, etc.), the search engine first sends robots to automatically search on www. When a new website is found

Search for the keywords and description on the page, add them to your own database, and then sort the Website Based on the keyword density.

From this point of view, we must remember to add the meta tags of keywords and description, and write the keywords and descriptions as much as possible. Otherwise,
The consequence is:
　　
● If there is no meta tag for keywords and description on your page, the robot cannot add your site
It is impossible for users to search for your website.

● If your keyword is not well selected, the keyword density is not high, and the keyword can be clicked after dozens or even millions of sites
Performance is also very small.

Note the following when writing a key words:

● Do not use common words. For example, WWW, homepage, net, and Web.

● Do not use adjectives or adverbs. For example, the best and the largest.

● Do not use general words as accurate as possible. For example, "Ericsson mobile phone", it would be better to switch to "t28sc.

"A three-person journey requires my teacher". The skills to find the right keywords are: To search for famous search engines such as Google, Lycos, and Alta
For websites with similar content, view the META keywords of the top 10 websites and use them on your website.

★Tips

To improve the click-through rate, there are also some shortcuts to help you:

● To increase the keyword density, the keyword is hidden in the page (the text color is defined as the same as the background color ).

● Add keywords to the alt comment statement of the image. For example,

● Use HTML comments to add a large number of keywords to the page code. Usage: <! -- Insert keywords here -->