Meta tag and its application, meta tag Application

Source: Internet
Author: User

Meta tag and its application, meta tag Application

META tag is an auxiliary tag in the HEAD area of the HTML language and provides invisible information to users.

Meta Tags are usually used to define a page topic for the search engine robots or a cookie on the user's browser. They can be used to identify the author, set the page format, and label the content feed and keywords; you can also set a page to refresh yourself based on the defined time interval, and set the RASC content level.

META Tags are divided into two parts: HTTP header information (HTTP-EQUIV) and page description information (NAME ).
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.
1. Content-Type and Content-Language (display character set setting)
Sets the character set used on the page to describe the text and language used by the homepage. the browser then calls the corresponding character set to display the page content.
<Meta http-equiv="Content-Type" Content="text/html; Charset=utf-8"><Meta http-equiv="Content-Language" Content="zh-CN">
The browser reads the Content-Type attribute of the META tag on the HTML page to know which character set to use to display the page. If no character set is installed in the system, the corresponding download is performed.
     
2. Refresh)
How long does a webpage refresh itself (in seconds), or how long does it take to automatically link the webpage to another webpage.
<Meta http-equiv="Refresh" Content="30"><Meta http-equiv="Refresh" Content="5; Url=http://www.xxx.com">

3. Expires (TERM)
Specifies the expiration time of the webpage in the cache. Once the webpage expires, it must be re-accessed on the server.
<Meta http-equiv="Expires" Content="0"><Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">
The GMT time format must be used, or the value is set to 0 (the number indicates the expiration time ).

4. Page-Enter and Page-Exit (Entry and Exit)

Some special effects of page loading and calling.
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"><Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
BlendTrans is a kind of dynamic filter that produces a gradient effect. Another dynamic filter, RevealTrans, can also be used for page entry and exit effects.

Page Description NAME variable
Name indicates the webpage, corresponding to Content (webpage Content ), this allows search engines to search for and classify robots. (currently, almost all search engines use online robots to automatically search for meta values to classify webpages ).
1. Keywords)
List of keywords provided for search engines

<Meta name = "Keywords" Content = "keyword 1, keyword 2, keyword 3, keyword 4 ,...... ">
Keywords are separated by commas. META is usually used to specify keywords used by search engines to improve the search quality.


2. Description)

Description is used to tell the search engine the main content of your website.

<Meta name = "Description" Content = "Brief introduction to your webpage">


3. Author (Author)
Mark the author or production team of the webpage

Mobile Page Development

1. viewport

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1
A. width: controls the viewport size. You can specify a value, such as 600 or a special value. For example, if device-width is the width of the device (unit: the pixel of CSS scaled to 100%)
B. height: corresponds to width and specifies the height.
C. initial-scale: the initial scaling ratio. The scaling ratio when the page is loaded for the first time.
D. maximum-scale: the maximum scale that users can scale to, ranging from 0 to 10.0.
E. minimum-scale: minimum scale that allows users to scale to, ranging from 0 to 10.0
F. user-scalable: indicates whether the user can scale manually. The values can be: ① yes, true, and allow users to scale. ② no and false do not allow users to scale.

2. format-detection
<Meta name = "format-detection" content = "telephone = no"/>
Telephone = no do not convert numbers into dial-up links;
Telephone = yes is enabled to convert a number to a dial-up link, which is enabled by default.
3. apple-mobile-web-app-capable
<Meta name = "apple-mobile-web-app-capable" content = "yes"/>
Meta is used to delete the default Apple toolbar and menu bar. Content has two values: "yes" and "no". When we need to display the toolbar and menu bar, this line of meta does not need to be added. The default value is display.
4. apple-mobile-web-app-status-bar-style
<Meta name = "apple-mobile-web-app-status-bar-style" content = "default"/>
<Meta name = "apple-mobile-web-app-status-bar-style" content = "black"/>
<Meta name = "apple-mobile-web-app-status-bar-style" content = "black-translucent"/>
Controls the display style of the status bar.



Html meta tag

The META tag defines the character set GB2132 used by the HTML page, that is, the Chinese character code of the national standard.

Content-Type and Content-Language (display character set setting)

Meta tells the information behind the search engine about the webpage file. http-equiv refers to the corresponding type of server and the project has. Content-specific ANE (language) corresponds to zh-cn (Chinese)

What are the concepts of html meta tag, title Tag, Description tag, and keyword tag? If these labels are applied?

? "<META>" (usually referred to as the META tag ). META Tags are used to describe the attributes of an HTML webpage document, such as the author, date and time, webpage description, keywords, and page refresh.

?? In online marketing methods such as search engine registration and search engine optimization ranking, we usually talk about the role of META tags. We can even say that, the content design of META tags is a crucial factor for search engine marketing, especially the "description" and "Keywords" Keywords) these two attributes are even more important. For more information, see description Keywords ]. Although the current search engine determines the ranking of search results seldom depends on the content in the META tag, the content design of the META tag is still very important.

About HTTP-EQUIV in META tag

?? One of the HTML code examples is:

?? <Meta http-equiv = "Content-Type" content = "text/html; charset = gb2312">

?? It is used to specify the characters used in the current document as gb2312, that is, simplified Chinese characters. Based on this line of code, the browser can identify that the webpage should be displayed with simplified Chinese characters. Similarly, if we replace "gb2312" with "big5", it is a well-known traditional Chinese character.

?? The HTTP-EQUIV is used to provide some instructions to the browser so that they can be made accordingly. HTTP-EQUIV is not only a description of the character encoding of the web page, the commonly used HTTP-EQUIV type also includes: webpage expiration time, default script language, default style page language, and automatic page refresh time.

About "description" in the META tag"

?? The code in "description" in an HTML code instance is:

?? <Meta name = "description" content = "network marketing teaching website provides" network marketing basics and Practices "teaching support: network marketing courseware, network marketing papers, network marketing lab teaching, e-commerce papers, online marketing and e-commerce books ">

?? Content = "webpage description" in "description" is an overview of a webpage, which may appear in the search results. Therefore, you need to design it based on the actual situation of the webpage, avoid "descriptions" that are irrelevant to the webpage content whenever possible. In addition, it is best to have a corresponding description for each webpage (at least the webpage of the same topic has a corresponding description ), instead of using the same description content for the entire website, because a website has multiple webpages, the content of each webpage must be different. If the same description is used, obviously, some webpage content is not directly related, which is not only detrimental to the search engine's ranking of webpages, but also to the user's determination of whether to click to enter the website to obtain further information based on the information in the search results.

About "Keywords" in META Tags"

?? Similar to "description" in the META tag, "Keywords" is used to describe the attributes of a webpage, except that the content to be listed is "Keywords" rather than web pages. This means that you need to select appropriate keywords Based on the subject and content of the webpage. When selecting keywords, in addition to being related to the core content of the web page, it should also be easy for users to search through search engines. The uncommon words are not suitable for keywords in META Tags. For the design of keywords in META Tags, do not pile up too many keywords. listing a large number of keywords does not make much sense for search engine search, for some hot fields (that is ...... remaining full text>

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.