Home  >  Article  >  Web Front-end  >  A brief discussion on the basic knowledge about HTML5 head tag

A brief discussion on the basic knowledge about HTML5 head tag

青灯夜游
青灯夜游Original
2018-09-26 16:23:442029browse

This chapter will introduce you to some basic knowledge about the HTML5 header e8e496c15ba93d81f6ea4fe5f55a2244 tag. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

meta is an auxiliary tag in the head area of ​​html language. The meta tag has many functions, such as: search engine optimization (seo), defining the language used on the page, automatically refreshing and pointing to a new page, and realizing web page conversion. Time-based dynamic effects, control page buffering, web page rating and evaluation, control the window for web page display, etc.!

Composition of meta tag: meta tag has two attributes, they are http-equiv attribute and name attribute. Different attributes have different parameter values. These different parameter values ​​realize different web pages. Function.

1. The name attribute of the e8e496c15ba93d81f6ea4fe5f55a2244 tag

The name attribute is mainly used to describe the web page, and the corresponding attribute value is content , the content in content is mainly used by search engine robots to find information and classify information. The syntax format of the name attribute of the

meta tag is:

<meta name="参数"content="具体的参数值">

The name attribute mainly has the following parameters:

1. Keywords (Keywords)

Description: keywords are used to tell search engines what the keywords of your web page are.

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">

2. description (website content description)

<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">

Description: description is used to tell search engines the main content of your website.

3. Robots (robot guide)

Description: robots are used to tell the search robot which pages need to be indexed and which pages are not Index required.

The parameters of content include all, none, index, noindex, follow, and nofollow. The default is all.

<meta name="robots"content="none">

The specific parameters are as follows:
The information parameter is all: the file will be retrieved and the links on the page can be queried;
The information parameter is none: the file will not be retrieved, and the links on the page cannot be queried;
The information parameter is index: the file will be retrieved;
The information parameter is follow: links on the page can be queried;
The information parameter is noindex: the file will not be retrieved, but the links on the page can be queried;
The information parameter is nofollow: the file will be retrieved, but the links on the page cannot be queried;

4, author (author)

<meta name="author"content="root,root@xxxx.com">

Description: Mark the web page Author

5, generator

<meta name="generator"content="信息参数"/>

The information parameters of the generator of the meta tag represent the software used to create the website.

6. COPYRIGHT

<META NAME="COPYRIGHT"CONTENT="信息参数">

The COPYRIGHT information parameter of the meta tag represents the copyright information of the website.

2. http-equiv attribute of e8e496c15ba93d81f6ea4fe5f55a2244 tag

##http-equivAs the name suggests, it is equivalent to http The function of the file header is that it can return some useful information to the browser to help display the web page content correctly and accurately. The corresponding attribute value is content, and the content in content is actually the variable value of each parameter. The syntax format of the http-equiv attribute of the

meta tag is:

<meta http-equiv="参数"content="参数变量值">;

The http-equiv attribute mainly has the following parameters:

1. Expires

Description: Can be used to set the expiration time of the web page. Once a web page expires, it must be retransmitted to the server.

<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">

Note: GMT time format must be used.

2. Pragma (cache mode)

Description: Prohibit the browser from accessing page content from the cache of the local computer.

<meta http-equiv="Pragma"content="no-cache">

Note: With this setting, visitors will not be able to browse offline.

3. Refresh

Description: Automatically refresh and point to the new page.

<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号,分别在秒数的前面和网址的后面)

Note: The 2 refers to automatically refreshing to the URL after staying for 2 seconds.

4. Set-Cookie (cookie setting)

Note: If the web page expires, the saved cookies will be deleted.

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

Note: GMT time format must be used.

5. Window-target (display window setting)

Description: Force the page to be displayed as an independent page in the current window.

<meta http-equiv="Window-target"content="_top">

Note: Used to prevent others from calling your own page in the frame.

6. content-Type (display character set setting)

Description: Set the character set used by the page.

<meta http-equiv="content-Type"content="text/html;charset=gb2312">

The details are as follows:

When the charset information parameter of the meta tag is such as GB2312, it means that the encoding used by the website is Simplified Chinese;

The charset information of the meta tag When the parameter is like BIG5, it means that the encoding used by the website is Traditional Chinese; when the information parameter of the charset of the

meta tag is like iso-2022-jp, it means that the encoding used by the website is Japanese;

When the charset information parameter of the

meta tag is such as ks_c_5601, it means that the encoding used by the website is Korean; when the charset information parameter of the

meta tag is such as ISO-8859-1, it means that the encoding used by the website is Korean. The encoding is English; when the charset information parameter of the

meta tag is such as UTF-8, it represents the world's universal language encoding;

7, content-Language (display language setting Certainly)

<meta http-equiv="Content-Language"content="zh-cn"/>

8、http-equiv="imagetoolbar"

<meta http-equiv="imagetoolbar"content="false"/>

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

9、Content-Script-Type

<Meta http-equiv="Content-Script-Type"Content="text/javascript">

W3C网页规范,指明页面中脚本的类型。

三、常用的e8e496c15ba93d81f6ea4fe5f55a2244 标签写法

1、声明文档使用的字符编码:e9b4a07244d299a692f13623bf9eb419 

2、优先使用 IE 最新版本和 Chrome:
   b5366c11cabb4166d15531fbafd30478

3、页面描述:aeaf9bcc9b2984314d92b85e1c485f28       

4、页面关键词:a10d3a94c49712fad1f7f5c9e8c4bd8a      

5、网页作者:e1fc8c16fae493460cc8e45aa9f1f277   

6、搜索引擎抓取:8112698939361cc3be3887789c8f40aa      

7、为移动设备添加 viewport:
   8be85225631a7eadc0548793b080d610 

8、iOS 设备 begin:7397635f512b1a5523e218de4e3e2cd6 

9、添加到主屏后的标题(iOS 6 新增):887539f143ced71181fd93c57622279b  

10、启用360浏览器的极速模式(webkit):8fc132f3276b01433e02943c18b44e5b  

11、避免IE使用兼容模式:e49731a0730c6058d22d80eec8fca4fe     

12、不让百度转码:62668d1ba514a9ab859727ed8ef5618b    

13、微软的老式浏览器:07c3b719f71a6342b7743333c2e18588   

14、强制竖屏:
   uc强制竖屏:7cac74eab779bf25146f33183e649195    

15、点击无高光:c326a51838aeab473886e50e7eb5c9ab    windows phone 

The above is the detailed content of A brief discussion on the basic knowledge about HTML5 head tag. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn