html标签中meta属性、参数使用介绍大全

meta介绍参看百度百科:meta ,欢迎在评论中添加!

meta标签共有两个属性,它们分别是 http-equiv 属性和 name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

一、http-equiv 属性参数:

meta 标签的 http-equiv 属性语法格式:<meta http-equiv="参数" content="参数变量值"> ;

其中 http-equiv 属性有以下几种参数(不断收集中):

<!--可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。注:必须使用GMT的时间格式-->
<meta http-equiv="expires" content="Fri,12 Jan 2001 18:18:18 GMT">

<!--禁止浏览器从本地计算机的缓存中访问页面内容这样设定,访问者将无法脱机浏览-->
<meta http-equiv="Pragma" content="no-cache">

<!--自动刷新并转到新页面,注意content后面的分号,分别在秒数的前面和网址的后面,URL可为空,其中的2是指停留2秒钟后自动刷新到URL网址-->
<meta http-equiv="Refresh" content="2;URL">

<!--如果网页过期,那么存盘的cookie将被删除-->
<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/">

<!--强制页面在当前窗口以独立页面显示 用来防止别人在框架里调用自己的页面-->
<meta http-equiv="Window-target" content="_top">

<!--设定页面使用的字符集-->
<meta http-equiv="content-Type" content="text/html; charset=gb2312">

<!--显示语言的设定-->
<meta http-equiv="Content-Language" content="zh-cn" />

二、name属性参数:

name 属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta 标签的 name 属性语法格式是:<meta name=”参数” content=”具体的参数值”>

<!--keywords用来告诉搜索引擎该网页的关键字是什么-->
<meta name ="keywords" content="jeeinn,博客,技术总结">

<!--description用来告诉搜索引擎该网站主要内容,简介-->
<meta name="description" content="这个网页是用来作为测试描述使用的,通常中文在100字左右,英文200字">

<!--robots用来告诉搜索引擎哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all-->
<meta name="robots" content="none">

<!--author标注网页的作者-->
<meta name="author" content="jeeinn">

<!--referrer让该网页的referrer为空,很多用来盗链使用-->
<meta name="referrer" content="no-referrer">

<!--说明网站的采用的什么软件制作-->
<meta name="generator" content="webstorm v10.3.2"/>

<!--copyright网站的版权说明-->
<meta name="copyright" content="本页版权jeeinn.com所有。All Rights Reserved" />

<!--revised网页文档的修改时间-->
<meta name="revised" content="jeeinn网, 10/01/2016"/>

<!--revisit-after代表网站重访,7days代表7天,依此类推。-->
<meta name="revisit-after" content="7days">

<!--renderer 指定多核浏览器默认以何种方式渲染,参数有webkit,ie-comp,ie-stand-->
<meta name="renderer" content="webkit">

<!--viewport用于控制页面缩放,通常用于移动端-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

移动端的 meta 有更多,这里不介绍移动端,可以参考以下文章:

http://www.cnblogs.com/PeunZhang/p/3407453.html#meta
http://www.cnblogs.com/lovesong/p/4355029.html

Author: thinkwei

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注