meta element has four attributes: name, http-equiv, content, charset.meta meta tag information page of the document expressed by the name attribute, the http request provided by the http-equiv attribute command, the page provided by charset character encoding. Property is set in accordance with the classification, meta can be divided into three categories:
-
name attribute and content attribute combination, constituting name / value pair for the site description information.
Standard meta names include application-name, author, description, generator and so on.
Sample Code:
<Meta name = "Keywords" Content = "British, Typeface, font, Fonts" />
The highest usage keywords and description of these two names, is one of the primary means of search engine optimization, it is recommended to use the reader.
-
http-equiv attribute and content attribute combinations, set a specific http command;
where content-type, default-style and refresh have been identified, content-language, and set-cookie has not been formally identified.
This type of meta should be used with caution. Not recommended to use <meta http-equiv = "refresh " content = "300" />, will stop parsing the remaining portion of the page when some search engines encounter this meta. <meta http-equiv = "default -style"> rarely used in the actual scene
-
charset attribute, set the page character encoding.
This property provides the encoding format to save and transfer documents.
<meta charset = "utf-8 ">
is equivalent to
<meta http-equiv = 'Content -Type' content = 'Type = text / html; charset = utf-8'>
but more concise form a first remember, and is supported by all major browsers, and all browsers there is no compatibility issues. In order to allow the browser to be able to accurately identify the encoding format, be sure to set the charset before the <title> tag to ensure that the title can be displayed correctly.
除了W3C定义的规范中定义的这些meta之外，还有大量的自定义meta类型。这些meta类型主要是由互联网公司或者浏览器厂商为了实现特定的功能而定制的。这些自定义的meta不能通过W3C提供的标准校验，但并不是说这些meta不标准。介绍一些常用的meta
Set IE browser compatibility mode
from the start IE8 browser supports a type of meta-compatible page mode is provided, the following sample code:
<meta HTTP-equiv = "X--the UA-Compatible" Content = "IE =. 8" />
The html specification, the browser is defined at the outset by page document types to parse the page. For example, the use of html5 document type declaration:
<! DOCTYPE HTML>
IEs HTML document is parsed in standard mode. However, some existing pages for various reasons can not be correctly displayed under the latest standards mode, only support a specific standard. For this case, the IE browser provides a compatible program, when executed by setting the standard X-UA-Compatible specified page rendering IE browser.
There is also a very common set of values, namely:
<meta HTTP-equiv = "the X-UA-Compatible-" Content = "chrome = 1" />
IE defined meta why there is chrome it? In fact, set to chrome = 1, Chrome Frame is activated in the browser IE9 and below, the force IE to use Chrome Frame to render the page.
%0A%0A%23%23%23%23%23%20%26emsp%3B%26emsp%3B%20meta%E5%85%83%E7%B4%A0%E6%9C%894%E4%B8%AA%E5%B1%9E%E6%80%A7%EF%BC%9Aname%E3%80%81http-equiv%E3%80%81content%E3%80%81charset.meta%E6%A0%87%E7%AD%BE%E9%80%9A%E8%BF%87name%E5%B1%9E%E6%80%A7%E6%9D%A5%E8%A1%A8%E8%BF%B0%E9%A1%B5%E9%9D%A2%E6%96%87%E6%A1%A3%E7%9A%84%E5%85%83%E4%BF%A1%E6%81%AF%EF%BC%8C%E9%80%9A%E8%BF%87http-equiv%E5%B1%9E%E6%80%A7%E8%AE%BE%E7%BD%AEhttp%E8%AF%B7%E6%B1%82%E6%8C%87%E4%BB%A4%EF%BC%8C%E9%80%9A%E8%BF%87charset%E8%AE%BE%E7%BD%AE%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%AD%97%E7%AC%A6%E7%BC%96%E7%A0%81%E3%80%82%E6%8C%89%E7%85%A7%E5%B1%9E%E6%80%A7%E8%AE%BE%E7%BD%AE%E5%88%86%E7%B1%BB%EF%BC%8Cmeta%E5%8F%AF%E4%BB%A5%E5%88%86%E4%B8%BA%E4%B8%89%E7%B1%BB%3A%0A%0A%0A*%20**name%E5%B1%9E%E6%80%A7%E5%92%8Ccontent%E5%B1%9E%E6%80%A7%E7%BB%84%E5%90%88%2C%E6%9E%84%E6%88%90%E5%90%8D%E7%A7%B0%2F%E5%80%BC%E5%AF%B9%EF%BC%8C%E7%94%A8%E4%BA%8E%E6%8F%8F%E8%BF%B0%E7%BD%91%E7%AB%99%E4%BF%A1%E6%81%AF.**%0A%0A%20%20%20%20%20%26emsp%3B%26emsp%3B%20%E6%A0%87%E5%87%86%E7%9A%84meta%E5%90%8D%E7%A7%B0%E5%8C%85%E6%8B%ACapplication-name%E3%80%81author%E3%80%81description%E3%80%81generator%E7%AD%89%E3%80%82%0A%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81%EF%BC%9A%0A%3Cmeta%20name%3D%22keywords%22%20content%3D%22british%2Ctypeface%2Cfont%2Cfonts%22%2F%3E%0A%0A%20%20%20%E5%85%B6%E4%B8%ADkeywords%E5%92%8Cdescription%E8%BF%99%E4%B8%A4%E4%B8%AA%E5%90%8D%E7%A7%B0%E7%9A%84%E4%BD%BF%E7%94%A8%E7%8E%87%E6%9C%80%E9%AB%98%EF%BC%8C%E6%98%AF%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E4%BC%98%E5%8C%96%E7%9A%84%E4%B8%BB%E8%A6%81%E6%89%8B%E6%AE%B5%E4%B9%8B%E4%B8%80%EF%BC%8C%E6%8E%A8%E8%8D%90%E8%AF%BB%E8%80%85%E4%BD%BF%E7%94%A8%E3%80%82%0A%0A*%20%20%20%20**http-equiv%E5%B1%9E%E6%80%A7%E5%92%8Ccontent%E5%B1%9E%E6%80%A7%E7%BB%84%E5%90%88%EF%BC%8C%E8%AE%BE%E7%BD%AE%E7%89%B9%E5%AE%9A%E7%9A%84http%E6%8C%87%E4%BB%A4%3B**%0A%20%20%20%26emsp%3B%E5%85%B6%E4%B8%ADcontent-type%E3%80%81default-style%E5%92%8Crefresh%E5%B7%B2%E7%BB%8F%E7%A1%AE%E5%AE%9A%2Ccontent-language%E5%92%8Cset-cookie%E8%BF%98%E6%9C%AA%E6%AD%A3%E5%BC%8F%E7%A1%AE%E5%AE%9A.%0A%20%20%20%E6%AD%A4%E7%B1%BB%E5%9E%8Bmeta%E5%BA%94%E8%AF%A5%E8%B0%A8%E6%85%8E%E4%BD%BF%E7%94%A8%E3%80%82%E4%B8%8D%E6%8E%A8%E8%8D%90%E4%BD%BF%E7%94%A8%3Cmeta%20http-equiv%3D%22refresh%22%20content%3D%22300%22%2F%3E%2C%E6%9F%90%E4%BA%9B%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E9%81%87%E5%88%B0%E6%AD%A4meta%E6%97%B6%E4%BC%9A%E5%81%9C%E6%AD%A2%E8%A7%A3%E6%9E%90%20%E9%A1%B5%E9%9D%A2%E5%89%A9%E4%BD%99%E7%9A%84%E9%83%A8%E5%88%86%E3%80%82%3Cmeta%20http-equiv%3D%22default-style%22%3E%E5%9C%A8%E5%AE%9E%E9%99%85%E7%9A%84%E5%9C%BA%E6%99%AF%E4%B8%AD%E5%BE%88%E5%B0%91%E4%BD%BF%E7%94%A8%0A%0A*%20**charset%E5%B1%9E%E6%80%A7%2C%E8%AE%BE%E7%BD%AE%E9%A1%B5%E9%9D%A2%E5%AD%97%E7%AC%A6%E7%BC%96%E7%A0%81%E3%80%82**%0A%20%20%E6%AD%A4%E5%B1%9E%E6%80%A7%E6%8F%90%E4%BE%9B%E4%BA%86%E4%BF%9D%E5%AD%98%E5%92%8C%E4%BC%A0%E8%BE%93%E6%96%87%E6%A1%A3%E7%9A%84%E7%BC%96%E7%A0%81%E6%A0%BC%E5%BC%8F%E3%80%82%0A%20%20%3Cmeta%20charset%3D%22utf-8%22%3E%0A%20%20%E7%AD%89%E4%BB%B7%E4%BA%8E%0A%20%20%3Cmeta%20http-equiv%3D'Content-Type'%20content%3D'Type%3Dtext%2Fhtml%3B%20charset%3Dutf-8'%3E%0A%20%20%E4%BD%86%E6%98%AF%E7%AC%AC%E4%B8%80%E7%A7%8D%E5%BD%A2%E5%BC%8F%E6%9B%B4%E7%AE%80%E6%B4%81%E5%A5%BD%E8%AE%B0%EF%BC%8C%E5%B9%B6%E4%B8%94%E5%BE%97%E5%88%B0%E4%BA%86%E6%89%80%E6%9C%89%E4%B8%BB%E6%B5%81%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E6%94%AF%E6%8C%81%EF%BC%8C%E6%89%80%E6%9C%89%E4%B8%8D%E5%AD%98%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E9%97%AE%E9%A2%98%E3%80%82%E4%B8%BA%20%E4%BA%86%E8%AE%A9%E6%B5%8F%E8%A7%88%E5%99%A8%E8%83%BD%E5%87%86%E7%A1%AE%E8%AF%86%E5%88%AB%E7%BC%96%E7%A0%81%E6%A0%BC%E5%BC%8F%EF%BC%8C%E5%8A%A1%E5%BF%85%E5%9C%A8%3Ctitle%3E%E6%A0%87%E7%AD%BE%E4%B9%8B%E5%89%8D%E8%AE%BE%E7%BD%AEcharset%2C%E4%BF%9D%E8%AF%81%E6%A0%87%E9%A2%98%E8%83%BD%E6%AD%A3%E7%A1%AE%E6%98%BE%E7%A4%BA%E3%80%82%0A%0A%20%20%20%20%20%20%E9%99%A4%E4%BA%86W3C%E5%AE%9A%E4%B9%89%E7%9A%84%E8%A7%84%E8%8C%83%E4%B8%AD%E5%AE%9A%E4%B9%89%E7%9A%84%E8%BF%99%E4%BA%9Bmeta%E4%B9%8B%E5%A4%96%EF%BC%8C%E8%BF%98%E6%9C%89%E5%A4%A7%E9%87%8F%E7%9A%84%E8%87%AA%E5%AE%9A%E4%B9%89meta%E7%B1%BB%E5%9E%8B%E3%80%82%E8%BF%99%E4%BA%9Bmeta%E7%B1%BB%E5%9E%8B%E4%B8%BB%E8%A6%81%E6%98%AF%E7%94%B1%E4%BA%92%E8%81%94%E7%BD%91%E5%85%AC%E5%8F%B8%E6%88%96%E8%80%85%E6%B5%8F%E8%A7%88%E5%99%A8%E5%8E%82%E5%95%86%E4%B8%BA%E4%BA%86%E5%AE%9E%E7%8E%B0%E7%89%B9%E5%AE%9A%E7%9A%84%E5%8A%9F%E8%83%BD%E8%80%8C%E5%AE%9A%E5%88%B6%E7%9A%84%E3%80%82%E8%BF%99%E4%BA%9B%E8%87%AA%E5%AE%9A%E4%B9%89%E7%9A%84meta%E4%B8%8D%E8%83%BD%E9%80%9A%E8%BF%87W3C%E6%8F%90%E4%BE%9B%E7%9A%84%E6%A0%87%E5%87%86%E6%A0%A1%E9%AA%8C%EF%BC%8C%E4%BD%86%E5%B9%B6%E4%B8%8D%E6%98%AF%E8%AF%B4%E8%BF%99%E4%BA%9Bmeta%E4%B8%8D%E6%A0%87%E5%87%86%E3%80%82%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%BA%9B%E5%B8%B8%E7%94%A8%E7%9A%84meta%0A%0A%20%20**%E8%AE%BE%E7%BD%AEIE%E6%B5%8F%E8%A7%88%E5%99%A8%E7%9A%84%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F**%0A%20%20%20%E4%BB%8EIE8%E6%B5%8F%E8%A7%88%E5%99%A8%E5%BC%80%E5%A7%8B%E6%94%AF%E6%8C%81%E4%B8%80%E7%A7%8D%E8%AE%BE%E7%BD%AE%E9%A1%B5%E9%9D%A2%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F%E7%9A%84meta%E7%B1%BB%E5%9E%8B%EF%BC%8C%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81%E5%A6%82%E4%B8%8B%3A%0A%20%20%20%3Cmeta%20http-equiv%3D%22X-UA-Compatible%22%20content%3D%22IE%3D8%22%2F%3E%0A%20%20%20%E6%A0%B9%E6%8D%AEhtml%E8%A7%84%E8%8C%83%EF%BC%8C%E6%B5%8F%E8%A7%88%E5%99%A8%E6%98%AF%E6%8C%89%E7%85%A7%E9%A1%B5%E9%9D%A2%E5%BC%80%E5%A4%B4%E5%AE%9A%E4%B9%89%E7%9A%84%E6%96%87%E6%A1%A3%E7%B1%BB%E5%9E%8B%E6%9D%A5%E8%A7%A3%E6%9E%90%E9%A1%B5%E9%9D%A2%E7%9A%84%E3%80%82%E4%BE%8B%E5%A6%82%EF%BC%8C%E4%BD%BF%E7%94%A8html5%E7%9A%84%E6%96%87%E6%A1%A3%E7%B1%BB%E5%9E%8B%E5%A3%B0%E6%98%8E%EF%BC%9A%0A%20%20%20%3C!DOCTYPE%20html%3E%0A%20%20%20IE%E5%B0%B1%E4%BC%9A%E4%BB%A5%E6%A0%87%E5%87%86%E6%A8%A1%E5%BC%8F%E8%A7%A3%E6%9E%90HTML%E6%96%87%E6%A1%A3%E3%80%82%E4%BD%86%E6%98%AF%E6%9F%90%E4%BA%9B%E5%B7%B2%E6%9C%89%E9%A1%B5%E9%9D%A2%E7%94%B1%E4%BA%8E%E5%90%84%E7%A7%8D%E5%8E%9F%E5%9B%A0%E4%B8%8D%E8%83%BD%E5%9C%A8%E6%9C%80%E6%96%B0%E6%A0%87%E5%87%86%E6%A8%A1%E5%BC%8F%E4%B8%8B%E6%AD%A3%E7%A1%AE%E6%98%BE%E7%A4%BA%EF%BC%8C%E5%8F%AA%E6%94%AF%E6%8C%81%E7%89%B9%E5%AE%9A%E7%9A%84%E6%A0%87%E5%87%86%E3%80%82%E9%92%88%E5%AF%B9%E8%BF%99%E7%A7%8D%E6%83%85%E5%86%B5%EF%BC%8CIE%E6%B5%8F%E8%A7%88%E5%99%A8%E6%8F%90%E4%BE%9B%E4%BA%86%E4%B8%80%E7%A7%8D%E5%85%BC%E5%AE%B9%E7%9A%84%E6%96%B9%E6%A1%88%EF%BC%8C%E9%80%9A%E8%BF%87%E8%AE%BE%E7%BD%AEX-UA-Compatible%E6%8C%87%E5%AE%9A%E9%A1%B5%E9%9D%A2%E5%9C%A8IE%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%E6%B8%B2%E6%9F%93%E6%97%B6%E6%89%A7%E8%A1%8C%E7%9A%84%E6%A0%87%E5%87%86%E3%80%82%0A%20%20%20%E6%AD%A4%E5%A4%96%E8%BF%98%E6%9C%89%E4%B8%80%E7%A7%8D%E5%BE%88%E5%B8%B8%E8%A7%81%E7%9A%84%E8%AE%BE%E7%BD%AE%E5%80%BC%EF%BC%8C%E5%8D%B3%3A%0A%20%20%20%3Cmeta%20http-equiv%3D%22X-UA-Compatible%22%20content%3D%22chrome%3D1%22%2F%3E%0A%20%20%20IE%E5%AE%9A%E4%B9%89%E7%9A%84meta%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BC%9A%E5%87%BA%E7%8E%B0chrome%E5%91%A2%EF%BC%9F%E5%85%B6%E5%AE%9E%E8%AE%BE%E7%BD%AE%E4%B8%BAchrome%3D1%E6%97%B6%EF%BC%8C%E5%88%99%E4%BC%9A%E5%9C%A8IE9%E5%8F%8A%E4%BB%A5%E4%B8%8B%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%E6%BF%80%E6%B4%BBChrome%20Frame%2C%E5%BC%BA%E5%88%B6IE%E4%BD%BF%E7%94%A8Chrome%20Frame%E6%B8%B2%E6%9F%93%E9%A1%B5%E9%9D%A2%E3%80%82%0A