您现在的位置是：网站首页>前端技术>基础篇：meta的作用前端技术

基础篇：meta的作用

admin【前端技术】12人已围观

	(本篇需要记住的重点(红色标记)，其他作为了解) 

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

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

	Keywords(关键字)  

	说明：keywords用来告诉搜索引擎你网页的关键字是什么。 

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

	description(网站内容描述) 

	说明：description用来告诉搜索引擎你的网站主要内容。 

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

	robots(机器人向导)  

	说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 

	content的参数有all,none,index,noindex,follow,nofollow。默认是all。 

	具体参数如下： 

	信息参数为all：文件将被检索，且页面上的链接可以被查询； 

	信息参数为none：文件将不被检索，且页面上的链接不可以被查询； 

	信息参数为index：文件将被检索； 

	信息参数为follow：页面上的链接可以被查询； 

	信息参数为noindex：文件将不被检索，但页面上的链接可以被查询； 

	信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询； 

	说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 

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

	author(作者) 

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

	Refresh(刷新) 

	说明：自动刷新并指向新页面。 

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

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

	Set-Cookie(cookie设定) 

	说明：如果网页过期，那么存盘的cookie将被删除 

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

	防止乱码 

	<meta charset="utf-8">

	用于响应式设定（后期请看响应式篇） 

	<meta http-equiv="X-UA-Compatible" content="IE=edge">

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