页面中常用的meat标签总结
字符编码:声明文档使用的字符编码
相对于这种方式,更推荐你(推荐使用HTML5的声明方式)。
<meta http-equiv="content-type" content="text/html; charset=utf-8;"/>
最高ie版本打开
<meta http-equiv="x-ua-compatible" content="IE=Edge, chrome=1"/>
Expires(期限)
该声明用来指定页面的过期时间,一旦网页过期,从服务器上重新请求,其中时间必须使用GMT格式,或者直接是0(即不缓存)
<meta http-equiv="expires" content="Thu Jan 01 1970 00:00:00 GMT 或者 0"/>
Pragma(cache模式)
禁止浏览器从本地计算机的缓存中访问页面内容。
<meta http-equiv="pragma" content="no-cache"/> <meta http-equiv="cache-control" content="no-cache"/>
Refresh(刷新)
该声明用来指定页面自刷新或者跳转到其它页面,其中的时间单位是s。第一种写法是10s后刷新本页面,第二种写法是10s后跳转到新的页面。
<meta http-equiv="refresh" content="10"/> <meta http-equiv="refresh" content="10; url=..."/>
Set-Cookie(cookie设定)
如果网页过期,那么存盘的cookie将被删除。
<meta http-equiv="set-cookie" content="[cookie名字]=[cookie值]; expires=[cookie过期时间];path=/;"/>
Window-target(显示窗口的设定)
强制页面在当前窗口以独立页面显示。用来防止别人在框架里调用自己的页面。
<meta http-equiv="window-target" content="_top"/>
Keywords(关键字)
用来告诉搜索引擎你网页的关键字是什么(这个关键字的设定对于整个页面的SEO优化非常的重要)。一般来说我们会根据当前页面所展示的内容来设定一组关键词语,这样用户在网上进行搜索的时候,搜索引擎会把拥有或者靠近相关关键词的页面呈现给用户,以达到产品推广的作用(当然这个需要长期的SEO/SEM等运营推广才会让自己的网页在搜索出的结果中靠前)。关键字内容太短,搜索引擎可能不会认为和这些内容有关,但是关键字的设定不能超过874个字符。
<meta name="keywords" content="javascript培训,js培训,HTML5培训,css培训,前端开发培训,node.js培训,nodeJS培训"/>
description(网站内容描述)
<meta name="description" content="某维是中国前端开发知名品牌,JS前端培训,以专注立身;70%的同学来自老学员推荐,以诚信立业。"/>
robots(机器人向导)
robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
content的参数有 all(默认值),none,index,noindex,follow,nofollow。 all:文件将被检索,且页面上的链接可以被查询; none:文件将不被检索,且页面上的链接不可以被查询; index:文件将被检索; follow:页面上的链接可以被查询; noindex:文件将不被检索; nofollow:页面上的链接不可以被查询。
<meta name="robots" content="index,follow"/> <meta name="google" content="index,follow"/> ->下面是声明其它搜索引擎的搜索模式 <meta name="googlebot" content="index,follow"/> <meta name="verify" content="index,follow"/>
声明搜索引擎抓取间隔
有时候你可能并不希望站点一直被搜索引擎抓取,而是每间隔一段时间才来访问一次,这时,可以声明revisit-after meta
<meta name="revisit-after" content="10 days"/>
声明网页的作者信息
<meta name="author" content="zhangxiaohuan@qq.com"/>