meta标签

来源:互联网 发布:看书的软件推荐 编辑:程序博客网 时间:2024/06/06 04:13

meta标签:主要用于标识网站

  1. name属性表述页面文档的元信息,与之对应的属性值为content,content中的内容主要是便于搜索引擎查找信息和分类信息使用
    • meta name=”参数” content=”具体的参数值”
    • keywords:网页关键字
    • description:网站主要内容
    • author:网页作者
    • robots:告诉搜索哪些页面需要索引,哪些页面不需要索引
      • all(默认):文件将被检索,且页面上的链接可以被查询
      • none:文件将不被检索,且页面上的链接不可以被查询
      • index:文件将被检索
      • noindex:文件将不被检索,但页面上的链接可以被查询
      • follow:页面上的链接可以被查询
      • nofollow:文件将被检索,但页面上的链接不可以被查询
  2. http-equiv属性设置HTTP请求指令,相当于http的文件头作用,可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,对应的属性值为content
    • meta http-equiv=”参数” content=”参数变量值”
    • expires:网页的到期时间,一旦网页过期,必须到服务器上重新传输。必须使用GMT的时间格式
      <meta http- equiv="expires"content="Fri,12Jan200118:18:18GMT">
    • pragma:禁止浏览器从本地计算机的缓存中访问页面内容。设定后访问者无法脱机浏览
      <meta http-equiv="Pragma"content="no-cache">
    • refresh:自动刷新并指向新页面
      <meta http-equiv="Refresh"content="2;URL=http://www.jb51.com">(注意后面的引号,分别在秒数的前面和网址的后面)
    • set-cookie:如果网页过期,则存盘的cookie将被删除,必须使用GMT的时间格式
      <meta http-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">
    • window-target:强制页面在当前窗口以独立页面显示,防止别人在框架里调用自己的页面
      <meta http-equiv="Window-target"content="_top">
    • content-type:设定页面使用的字符集
      <meta http-equiv="content-Type"content="text/html;charset=gb2312">
    • content-language:显示语言的设定
      <meta http-equiv="Content-Language"content="zh-cn"/>
    • cache-control:指定请求和响应遵循的缓存机制;在请求消息或响应消息中设置cache-control并不会修改另一个消息处理过程中的缓存处理过程
      • no-cache:指示请求或响应消息不能缓存
      • no-store:用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不适用缓存
      • max-age:指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应
      • min-fresh:指示客户机可以接收响应时间小于当前时间加上指定时间的响应
      • max-stale:指示客户机可以接收超出超时期间的响应消息
      • public:指示响应可被任何缓存区缓存
      • private:指示对于单个用户的整个或部分响应消息,不能被共享缓存处理,这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效
  3. charset设置页面的字符编码 <meta charset="utf-8">

常用的meta:
设置IE浏览器的兼容模式

a. <meta http-equiv="X-UA-Compatible" content="IE=8"/>//设置chrome=1则会在IE9及以下浏览器中激活Chrome Frame,强制IE使用Chrome Frame渲染页面b. <meta http-equiv="X-UA-Compatible" content="chrome=1">

设置页面在移动设备中的显示

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
0 0
原创粉丝点击