此博客是本人从学生时代开始做笔记所用, 部分是工作所遇问题,做填坑笔记,部分闲来查阅资料,加上自己的理解所总结的学习笔记, 常忙得不可开交,若漏了资料来源,望通知~ 前路漫漫,写点东西告诉自己正在一点点进步,而不要迷失于繁忙。

meta小解

meta是html中的一个辅助标签,位于<head>与<title>之间,它能提供用户不可见的信息,数据结构为键值对

meta标签格式<meta http-equiv/name= "" content= "">

主要分为两种类型: http-equiv与name

---------------------------------------------------------------------------------------------------------------------

http-equiv(标题信息):

1.expires(期限):网页在缓存中到期时间,一旦网页过期,发出请求时必须从服务器调阅

eg: <meta http-equiv= "expires" content= "Wed, 20 Jun 2007 22:33:00 GMT">

注:必须使用GMT时间格式或0

 

2.pragma(编译):禁止浏览器从本机缓存中调阅页面内容,网页不保存在缓存中,每次访问都刷新页面,无法脱机浏览

eg: <meta http-equiv= "pragma" content= "no-cache">

cache-control (缓存控制):pragma no-cache与cache-control no-cache效果一致,前者可应用到http 1.0和http 1.1 后者晚出现,只能应用到1.1

 

3.refresh(刷新):自动刷新页面或指向新页面

eg: <meta http-equiv= "refresh" content= "10"> //每隔10秒刷新

     <meta http-equiv= "refresh" content= "10; url= a.html"> //10秒后跳转

 

4.set-cookie(创建一个Cookie)

eg: <meta http-equiv= "set-cookie" content= "cookievalue=xxx;expires=Wednesday, 20-Jun-2016, 7 22:33:00 GMT;path= /">

注: 只能使用GMT时间;

  当浏览器打开此页面时会将其存入缓存中,下次访问时就直接从缓存中读取,以提高速度,若网页缓存过期,那么此cookie也将被删除

 

5.window-target (显示窗口的设定):强制页面在当前窗口以独立页面显示,用来防止别人再框架内调用自己的页面

eg:<meta http-equiv= "window-target" content= "_top">

注:content可为_blank、_top、_self、_parent

 

6.content-type(字符集设定):设定网页使用的字符集

eg: <meta http-equiv= "content-type" content= "text/html; charset=gb2312">

--------------------------------------------------------------------------------------------------------------------------------------------------------------

name(页面描述信息)

各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果

1.keywords(关键字):为搜索引擎提供关键字

eg:<meta name= "Keywords" content= "aa,bb,cc">

注:meta的通常用处是置顶搜索引擎用来提供搜索质量的关键词,当多个meta元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果;

  关键词直接用‘,’隔开

 

2.description(描述):告诉搜索引擎你的网站的主要内容

eg: <meta name= "description" content= "相关描述">

 

3.robots(机器人向导): 用来告诉搜索机器人哪些页面需要索引,哪些不需要

 

4.author(作者):标明网页的作者

eg: <meta name= "author" content= "炎泽">

注:作者或制作组或email

 

5.viewport:指定用户是否可以缩放页面以及缩放比例

eg: <meta name=”viewport” content=”width=240, height=320, user-scalable=yes, initial-scale=2.5, maximum-scale=5.0, minimun-scale=1.0”>

注: width height 指定视区的逻辑宽度、逻辑高度,可为数字为单位的数字,也可为特殊标记符号,常用的device-width:视区逻辑宽度为设备宽度

     user-scalable:是否可以缩放视图 yes能 no不能

     initial-scale:初始缩放比例 

     maximum-scale=5.0, minimun-scale:最大/最新缩放比例(0.25~10)

    属性间用','隔开

 

6.app-mobile-web-app-capable:删除苹果浏览器默认的工具栏和菜单栏

eg:<meta name="apple-mobile-web-app-capable" content="yes">

 

7.apple-mobile-web-app-status-bar-style: 控制状态栏显示样式

eg: <meta name="apple-mobile-web-app-status-bar-style" content="black">

 

6.copyright(版权)

6.generator(编辑器)

7.revist-after(重访)

posted @ 2016-12-01 16:10  炎泽  阅读(161)  评论(0编辑  收藏  举报