zoukankan      html  css  js  c++  java
  • meta标签大全

    前言

    HTML/XHTML/DHTML并不简单,我想就单说一个meta标签都不见得有谁能完全掌握好(也许很多人根本都不会关心它)。
    在我刚刚更新了IE到IE9时,发现了一个小现象,就是用IE9打开我做的页面时会出现“Compatibility View”按钮,而访问Google时就没有,这是为什么呢(你会去考虑这个问题吗)?后来多方查找之后才发现了原因,在google的页面源代码里有“<meta http-equiv="X-UA-Compatible" content="IE=edge">”这么一行,就是因为有了它,IE的“兼容性视图”按钮才不显示的。
    接下来继续查找meta标签相关的信息,发现,这里面其实还有很多学问呢,所以我想把关于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" />
  • 相关阅读:
    Binary Tree Inorder Traversal
    Populating Next Right Pointers in Each Node
    Minimum Depth of Binary Tree
    Majority Element
    Excel Sheet Column Number
    Reverse Bits
    Happy Number
    House Robber
    Remove Linked List Elements
    Contains Duplicate
  • 原文地址:https://www.cnblogs.com/minchao/p/6094124.html
Copyright © 2011-2022 走看看