zoukankan      html  css  js  c++  java
  • meta标签相关

    meta标签
    主要为 http-equiv和 name 都使用content对其进行描述

    <meta name="keywords" content="HTML,ASP,PHP,SQL">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    description,author,copyright等~~
    <meta name="robots" content="none">
    

    具体参数如下:
    1.none : 搜索引擎将忽略此网页,等价于noindex,nofollow。
    2.noindex : 搜索引擎不索引此网页。
    3.nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。
    4.all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。
    5.index : 搜索引擎索引此网页。
    6.follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。
    revisit-after(搜索引擎爬虫重访时间)
    说明:如果页面不是经常更新,为了减轻搜索引擎爬虫对服务器带来的压力,可以设置一个爬虫的重访时间。如果重访时间过短,爬虫将按它们定义的默认时间来访问。
    举例:

    <meta name="revisit-after" content="7 days" >
    renderer(双核浏览器渲染方式)
    说明:renderer是为双核浏览器准备的,用于指定双核浏览器默认以何种方式渲染页面。比如说360浏览器。举例:
    <meta name="renderer" content="webkit"> //默认webkit内核
    <meta name="renderer" content="ie-comp"> //默认IE兼容模式
    <meta name="renderer" content="ie-stand"> //默认IE标准模式
    

    1.<meta http-equiv=”Set-Cookie” content=”cookievalue=xxx; expires=Friday,12-Jan-2001 18:18:18 GMT; path=/”>
    如果网页过期,那么存盘的cookie将被删除。必须使用GMT的时间格式。

    2.<meta http-equiv='expires' content='时间' >
    用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

    3.<meta http-equiv=”Refresh” content=”5;URL”>
    告诉浏览器在【数字】秒后跳转到【一个网址】

    4content-Type(设定网页字符集)(推荐使用HTML5的方式)
    说明:用于设定网页字符集,便于浏览器解析与渲染页面举例:

    <meta http-equiv="content-Type" content="text/html;charset=utf-8">  //旧的HTML,不推荐
    <meta charset="utf-8"> //HTML5设定网页字符集的方式,推荐使用UTF-8
    

    5.<meta http-equiv=”Pragma” content=”no-cache”>
    禁止浏览器从本地计算机的缓存中访问页面内容。访问者将无法脱机浏览。

    6.<meta http-equiv=”Window-target” content=”_top”>
    用来防止别人在iframe(框架)里调用自己的页面,这也算是一个非常实用的属性。
    7.<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
    强制浏览器按照特定的版本标准进行渲染。但不支持IE7及以下版本。如果是ie浏览器就用最新的ie渲染,如果是双核浏览器就用chrome内核。

    X-UA-Compatible(浏览器采取何种版本渲染当前页面)
    用于告知浏览器以何种版本来渲染页面。(一般都设置为最新模式,在各大框架中这个设置也很常见。)

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome使用最新版本渲染当前页面
    

    cache-control(指定请求和响应遵循的缓存机制)
    用法1 指导浏览器如何缓存某个响应以及缓存多长时间。
    举例

    <meta http-equiv="cache-control" content="no-cache">
    

    共有以下几种用法:
    no-cache: 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。
    no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。(安全措施)
    public : 缓存所有响应,但并非必须。因为max-age也可以做到相同效果
    private : 只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)
    maxage : 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用 60 秒。
    参考链接:HTTP缓存
    用法2(禁止百度自动转码)
    说明:用于禁止当前页面在移动端浏览时,被百度自动转码。虽然百度的本意是好的,但是转码效果很多时候却不尽人意。所以可以在head中加入例子中的那句话,就可以避免百度自动转码了。

    <meta http-equiv="Cache-Control" content="no-siteapp" />
    
  • 相关阅读:
    数据库表结构变动发邮件脚本
    .net程序打包部署
    无法登陆GitHub解决方法
    netbeans 打包生成 jar
    第一次值班
    RHEL6 纯命令行文本界面下安装桌面
    C语言中格式化输出,四舍五入类型问题
    I'm up to my ears
    How to boot ubuntu in text mode instead of graphical(X) mode
    the IP routing table under linux@school
  • 原文地址:https://www.cnblogs.com/caoxueyang/p/13043987.html
Copyright © 2011-2022 走看看