meta学习笔记
meta是HTML语言head中的一个辅助标签,它有2个属性,分别是http-equiv和name。
name属性的参数值是keywords、description、robots、author,http-equiv的参数值是expires、pragma、refresh、set-cookie、window-target、content-type。
1.meta的常见功能
1. 帮助被各大搜索引擎登陆
meta标签的一个很重要的功能就是设置网页的关键字,来帮助你的主页被各大搜索引擎登陆,提高网站的访问量。在这个功能中,最重要的就是对keywords和desription的设置,因为搜索引擎首先自动检索网页中的keywords和description,并将其加入自己的数据库,然后根据关键词密度进行网站排序。
2. 定义页面中的使用语言
当浏览者访问你的页面时,浏览器会自动识别并设置网页中的语言,如果你设置的是GB码,而浏览者没有安装GB码,这时网页只会呈现浏览者所设置的浏览器的默认语言。如下:
<meta http-equiv="content-type" content="text/html;charset=utf-8"> ,该代码表示网页的语言为utf-8。
3. 自动刷新网页(并指向新的页面)
<meta http-equiv="refresh" content="2; url=http://www.baidu.com"> ,这段代码表示当前网页2秒后自动跳转到http://baidu.com。
<meta http-equiv="refresh" content="2"> ,这段代码表示网页每2秒自动刷新一次
4. 控制页面缓冲
浏览网页时,浏览器首先查看本地缓冲里的页面,如果浏览某一网页,而本地缓冲中有该网页时,那么浏览器会到缓冲区中读取页面,直到meta设置的时间到期,这时候,浏览器才会去取新页面。如下:
<meta http-equiv="expires" content="Friday,12-Jan-2017 8:8:8 GMT"> ,该代码表示网页将在2017年1月12号8:8:8到期,到期的网页需要重新把网页上传到服务器
5. 控制网页显示的窗口
<meta http-equiv="window-target" content="_top"> ,防止网页被别人作为frame调用,不过很多时候没有效果。
6. 控制浏览器的浏览模式
<meta http-equiv="pragma" content="no-cach"> ,网页将无法脱机浏览。
2.meta标签的使用技巧
name属性 1. keywords:设置关键词。 2. desription:对网页的一段描述。 3. author:该网页的作者。 4. robots:告诉搜索引擎抓取哪些页面。 其参数值如下: all:文件将被检索,且页面上的链接可以被查询。 none:文件将不被检索,且页面上的链接不可以被查询。 index:搜索机器将抓取该页面,对应的为 noindex。 follow:机器将沿页面上的链接继续抓取,对应的为 nofollow。 5. copyright:说明网站版权信息。 6. revisit-after:网站重新被机器人抓取的时间。http-equiv属性 1. expires:设置网页到期时间,网页一到期,就需要重新将网页上传到服务器,必须用GMT时间格式。 2. pragma: 设置网页的缓存机制。 3. refresh: 设置页面刷新。 4. set-cookie:设置cookie,如果网页过期,存盘的cookie将被删除,必须使用GMT格式,如下: <meta http-equiv="set-cookie" content="Mon, 12 May 2017 8:8:8 GMT> <meta http-equiv="set-cookie" content="cookievalue=xxx; expires=Friday, 12 Jan 2017 8:8:8 GMT; path=xxx"> 5. window-target:设置页面显示窗口。 6. imagetoolbar:指定是否显示图片工具栏。 7. content-script-type:指定页面脚本类型,如下: <meta http-equiv="content-script-type" content="text/javascript">
有些功能一些浏览器还未支持,不过chrome可以支持大部分的meta标签写法,而且一些功能可以用对应的javascript代替,这里只是我工作学习中遇到问题时做的简要的笔记。