• meta标签大全


    HTML/XHTML/DHTML并不简单,我想就单说一个meta标签都不见得有谁能完全掌握好(也许很多人根本都不会关心它)。
    在我刚刚更新了IE到IE9时,发现了一个小现象,就是用IE9打开我做的页面时会出现“Compatibility View”按钮,而访问Google时就没有,这是为什么呢(你会去考虑这个问题吗)?后来多方查找之后才发现了原因,在google的页面源代码里有“<meta http-equiv="X-UA-Compatible" content="IE=edge">”这么一行,就是因为有了它,IE的“兼容性视图”按钮才不显示的。
    这里面其实还有很多学问呢,所以我想把关于meta标签的知识收集起来以方便参考。
    下面便是正文:
      <!--
      x-ua-compatible(浏览器兼容模式)
      仅对IE8+以效
      告诉浏览器以什么版本的IE的兼容模式来显示网页
      <meta http-equiv="X-UA-Compatible" content="IE=5" >
      <meta http-equiv="X-UA-Compatible" content="IE=7" >
      <meta http-equiv="X-UA-Compatible" content="IE=8" >
      <meta http-equiv="X-UA-Compatible" content="IE=edge" >
      其中最后一行是永远以最新的IE版本模式来显示网页的。
      另外加上Emulate模式
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" >
      Emulate模式后则更重视<!DOCTYPE>
      (细心的人会注意到,用IE9去访问带有x-ua-compatible的页面时是不会出现兼容视图按钮的)
      -->
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
      <!--
      expires(期限)
      可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅
      必须使用GMT的时间格式
      -->
      <meta http-equiv="expries" content="Wed, 26 Feb 2012 08:21:57 GMT" />
      <!--
      pragma(cach模式)
      禁止浏览器从本地的缓存中调阅页面内容
      设定后访问者将无法脱机浏览
      -->
      <meta
    http-equiv="pragma" content="no-cache" />
      <!--
      refresh(刷新)
      定时让网页自动链接到指定URL,单位是秒
      -->
      <meta http-equiv="refresh" content="5;url="http://www.baidu.com" />
      <!--
      set-cookie(cookies设定)
      定义Cookies
      -->
      <meta http-equiv="set-cookie" content="cookievalue=xxx;expires=Wed, 26 Feb 2012 08:21:57 GMT;path=/" />
      <!--
      window-target(显示窗口的设定)
      设置当前窗口页面显示方式
      如果设置成_top就会强制页面在当前窗口以独立页面显示,防止别人在框架里调用页面
      -->
      <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" />
      <!--
      keywords(关键字)
      告诉搜索引擎这个网页的关键字
      -->
      <meta name="keywords" content="girl, sexy, hot" />
      <!--
      description(简介)
      告诉搜索引擎网站的主要内容
      -->
      <meta name="description" content="This page is about pretty girls." />
      <!--
      robots(机器人向导)
      告诉搜索引擎哪些页面需要索引,哪些页面不需要索引
      content的值包括:all, none, index, noindex, follow, nofollow。 默认是all
      -->
      <meta name="robots" content="none" />
      <!--
      author(作者)
      标网页作者
      -->
      <meta name="author" content="cqqjj1029@gmail.com" />
  • 相关阅读:
    【视频开发】ONVIF、RTSP/RTP、FFMPEG的开发实录
    【视频开发】ONVIF、RTSP/RTP、FFMPEG的开发实录
    【视频开发】opencv不能读取MP4格式文件
    CentOS 7下升级Python版本到3.x系列
    PyCharm常用快捷键
    ASCII、Unicode和UTF-8编码的区别
    配置Windows Server 2008/2012/2016允许2个用户同时远程桌面
    一道简单的python面试题-购物车
    Linux 下查看局域网内所有主机IP和MAC
    CentOS 7 配置HTTPS加密访问SVN
  • 原文地址:https://www.cnblogs.com/jiewei915/p/2750983.html
Copyright © 2020-2023  润新知