meta标签是网页代码头区域中的一个关键标签,它可以向蜘蛛提供大量信息,尽管用户是看不见的,但它是文档的基本信息。当涉及到元标记时,对许多SEOer的第一个反应是K和D:关键字和描述。这两个标签是优化过程中使用和讨论最多的标签。但事实上,元标记远远超过这两个标记,其效果因属性而异。
meta标签的必需属性
meta的必需属性是content,当然并不是说meta标签里一定要有content,而是当有http-equiv或name属性的时候,一定要有content属性对其进行说明。例如:
必需属性
<meta name="keywords" content="HTML,ASP,PHP,SQL">
这里面content里的属性就是对keywords进行的说明,所以呢也可以理解成一个键值对吧,就是{keywords:"HTML,ASP,PHP,SQL"}。
在W3school中,对于meta的可选属性说到了三个,分别是http-equiv、name和scheme。考虑到scheme不是很常用,所以就只说下前两个属性吧。
http-equiv
http-equiv属性是添加http头部内容,对一些自定义的,或者需要额外添加的http头部内容,需要发送到浏览器中,我们就可以是使用这个属性。在上面的meta作用中也有简单的说明,那么现在再举个例子。例如我们不想使用js来重定向,用http头部内容控制,那么就可以这样控制:
<meta http-equiv="Refresh" content="5;url=http://blog.yangchen123h.cn" />
在页面中加入这个后,5秒钟后就会跳转到指定页面啦,效果可看W3school的例子
name
第二个可选属性是name,这个属性是供浏览器进行解析,对于一些浏览器兼容性问题,name属性是最常用的,当然有个前提就是浏览器能够解析你写进去的name属性才可以,不然就是没有意义的。还是举个例子吧:
<meta name="renderer" content="webkit">
这个meta标签的意思就是告诉浏览器,用webkit内核进行解析,当然前提是浏览器有webkit内核才可以,不然就是没有意义的啦。当然看到这个你可能会有疑问,这个renderer是从哪里冒出来的,我要怎么知道呢?这个就是在对应的浏览器的开发文档里就会有表明的,例如这个renderer是在360浏览器里说明的。360浏览器内核控制Meta标签说明文档
meta标签的可选属性
charset(htm5新增)定义文档的字符编码content 定义与 http-equiv 或 name 属性相关的元信息。http-equivhttp响应头name 属性名称scheme (htm5废弃)翻译 content 属性的值的方案
1、charset
HTML5新增的属性,定义当前页面的字符编码
新写法:
<meta charset="UTF-8">
老写法:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTML5中优先用新写法
2、name属性
a、keywords,当前网页的关键字,便于搜索引擎识别,提高搜索准确性
<meta name="keywords" content="cdn,网络加速,运营商">
b、description,对当前网页的简单描述,如果用百度搜索的话,在搜索结果的每个标题下面会显示description的内容,方便用户快速定位
<meta name="description" content="本公司专注提供CDN网络加速,同时也提供云计算服务">
c、viewport,这个meta有点复杂,主要用在移动网页中,需要单独写一篇文章,这里暂时略过
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
d、robots,搜索引擎爬虫的索引方式
<meta name="robots" content="none">
content的取值有all、none、index、noindex、follow、nofollow,默认是all,具体的说明如表格所示:
all文档可以被索引,文档中的链接可以被查询none文档不能被索引,同时文档中的链接不能被查询index文档可以被索引noindex文档不能被索引,但是文档中的链接可以被查询follow文档中的链接可以被查询nofollow文档可以被索引,但是文档中的链接不能被查询
e、author,文档的作者
<meta name="author" content="liuhw,[email protected]">
f、copyright,文档的版权说明
<meta name="copyright" content="liuhw">
g、revisit-after,搜索引擎爬虫重访的时间间隔,如果你的网站不经常更新,那可以把这个时间设置的稍长一些,能略微的减轻服务器的压力,节省带宽资源
<meta name="revisit-after" content="5 days" >
h、renderer,双核浏览器的渲染方式,指定默认用哪个浏览器内核来渲染,例如360浏览器:
<meta name="renderer" content="webkit"> //默认webkit内核
<meta name="renderer" content="ie-comp"> //默认IE兼容模式
<meta name="renderer" content="ie-stand"> //默认IE标准模式
3、http-equiv
模拟http里的头,回传给服务器一些信息
a、expires,网页的到期时间,过期之后,需要重新访问服务器
<meta http-equiv="expires" content="Sunday 26 October 2018 01:00 GMT" />
b、pragma(兼容http1.0,1.1),cache-control(http1.1新增),设置缓存方式,建议用cache-control,该属性的content具体参考http里的cache-control
<meta http-equiv="cache-control" content="no-cache">
c、refresh,自动刷新并跳转到content中声明的url
<meta http-equiv="refresh" content="5;URL=http://www.liuhw.club/"> //5秒后跳转向我自己的域名
d、set-cookie,添加cookie
<meta http-equiv="set-cookie" content="TOKEN_KEY=81BBF72619795017B6AC214AE705F1F8; Domain=10.1.100.111; Path=/">
e、content-Type,文档的字符编码,同charset,建议使用charset
<meta http-equiv="content-type" content="text/html;charset=gb2312">
f、x-ua-compatible,告诉浏览器用哪个版本来渲染文档
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面
总结一下,上面只是列出了一些常用的属性,没有列出来的等需要用到的时候再查文档
相关阅读
meta标签是网页代码头区域中的一个关键标签,它可以向蜘蛛提供大量信息,尽管用户是看不见的,但它是文档的基本信息。当涉及到元
meta标签是我们必须要掌握和了解的标签之一,因为它是文档的最基本的元信息。提起meta标签,脑海中第一闪现的就是TDK:title、desc
META标签是网页代码中HEAD区的一个关键标签,其提供的信息虽然用户不可见,但却是文档的最基本的元信息。说起meta标签,许多SEOer
当代的企业官网许多都刚开始应用META标识提升,根据这类方法能够给与网站1个非常好地提升实际效果,从而提升网站的经济收益。下面,SEO
环境 攻击机器:ubuntu 18.04被攻击机器:windows xp sp2 可能使用的工具 metasploitnessusnmap等 正文 首先搭建所需要的靶机环境