html5页面强大mate标签汇总

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a0405221/article/details/78928588

小小的meta标签对整个网站的贡献是巨大的,来来~ 先敬仰膜拜一番再阅读文章!!

注意:所有浏览器都支持 标签。

设定页面使用的字符集。

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

meta标签的charset的信息参数如GB2312时,代表说明网站是采用的编码是简体中文;
meta标签的charset的信息参数如UTF-8时,代表世界通用的语言编码;

显示语言的设定

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

网站关键字

<meta name="keywords" content="HTML,ASP,PHP,SQL"/>

浏览器内核设定

<meta name="renderer" content="ie-stand">//默认用ie标准内核
<meta name="renderer" content="ie-comp">//默认用ie兼容内核
<meta name="renderer" content="webkit">//默认用极速核
<meta name="renderer" content="webkit|ie-comp|ie-stand">//多个内核名称,之间以符号”|”进行分隔,浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页

设备逻辑像素宽度

<meta name="viewport" content="width=device-width, initial-scale=1.0">

网页制作者信息

<meta name="author" content="谢泽" />

关键字

网页简介说明(搜索引擎优化地方)

<meta name="description" content="简介内容" />

缓存机制

Cache-Control指定请求和响应遵循的缓存机制。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on
ly-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

禁止缓存

禁止浏览器从本地计算机的缓存中访问页面内容。

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

注意:这样设定,访问者将无法脱机浏览。

网页到期时间

可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输

<meta http-equiv="Expires" content="0" />

注意:其中的2是指停留2秒钟后自动刷新到URL网址。

定时cookie

如果网页过期,那么存盘的cookie将被删除。

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

注意:必须使用GMT的时间格式。

自动刷新并指向新页面。

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

独立页面显示

强制页面在当前窗口以独立页面显示。

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

注意:用来防止别人在框架里调用自己的页面。

图片工具栏

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

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

Content-Script-Type

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

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

网页索引

网页告诉搜索机器人向导对此网页操作(用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引)

<meta name="robots" content="all" />


content的参数有all,none,index,noindex,follow,nofollow。默认是all。如果在一个页面不加入此标签默认情况下content=”all”意思是搜索并收录抓取爬行此网页及此网页指向页面。
搜索引擎:robots取值
none 搜索引擎将忽略此网页,等价于noindex,nofollow。 
noindex 搜索引擎不索引此网页。 
nofollow 搜索引擎不继续通过此网页的链接索引搜索其它的网页。 
all 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。 
index 搜索引擎索引此网页。 
follow 搜索引擎继续通过此网页的链接索引搜索其它的网页。

猜你喜欢

转载自blog.csdn.net/a0405221/article/details/78928588