zoukankan      html  css  js  c++  java
  • PC端meta标签

    下面介绍meta标签的几个属性,charset,content,http-equiv,name。

    一、charset

    此特性声明当前文档所使用的字符编码,但该声明可以被任何一个元素的lang特性的值覆盖,此特性的值必须是一个符合由IANA所定义的字符编码首选MIME名称之一,鼓励使用UTF-8。

    二、content

    基于内容,这个属性为http-equiv或name属性提供了与其相关的值的定义。

    三、http-equiv

    equiv的全称是"equivalent",意思是相等,相当于。定义http-equiv相当于http的作用。

    meta标签中http-equiv属性语法格式是:

    <meta http-equiv="参数" content="具体的描述">

    http-equiv属性主要有以下几种参数:

    1、content-Type(设定网页字符集)

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

    2、X-UA-Compatible(浏览器采取何种版本渲染当前页面)

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

    3、cache-control(指定请求和响应遵循的缓存机制)

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

    no-cache: 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。

    no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。(安全措施)

    public: 缓存所有响应,但并非必须,因为max-age也可以做到相同效果。

    private: 只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)

    maxage: 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。

    <meta http-equiv="Cache-Control" content="no-siteapp" />//禁止百度自动转码

    4、expires(网页到期时间)

    <meta http-equiv="expires" content="Sunday 26 October 2011 01:00 GMT" />

    5、refresh(自动刷新并指向某页面)

    <meta http-equiv="refresh" content="2;URL=http://www.cnblogs.com/camille666/"> //2秒后跳转向我的博客

    6、Set-Cookie(cookie设定)

    如果网页过期 ,那么这个网页存在本地的cookies也会被自动删除。

    <meta http-equiv="Set-Cookie" content="name, date"> //格式
    <meta http-equiv="Set-Cookie" content="User=camille; path=/; expires=Sunday, 10-Jan-11 10:00:00 GMT"> //具体范例

    7、网页过渡效果

    <meta http-equiv=”page-Enter” contect=”revealTrans(duration=时间(秒),transition=效果)”/>
    <meta http-equiv=”page-Exit” contect=”revealTrans(duration=时间;transition=效果)”/> 0~23种效果

    四、name

    meta标签中name属性语法格式是:

    <meta name="参数" content="具体的描述">

    name属性主要有以下几种参数:

    1、keywords(关键字)

    <meta name="keywords" content="camille,计算机,软件工程">

    2、description(网站内容的描述)

    <meta name="description" content="camille,计算机,软件工程">

    3、viewport(移动端的窗口)

    <meta name="viewport" content="width=device-width, initial-scale=1">

    4、robots(定义搜索引擎爬虫的索引方式)

    说明:robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。

    <meta name="robots" content="none">

    none : 搜索引擎将忽略此网页,等价于noindex,nofollow。

    noindex : 搜索引擎不索引此网页。

    nofollow: 搜索引擎不继续通过此网页的链接索引搜索其它的网页。

    all : 搜索引擎将索引此网页与继续通过此网页的链接索引,等价于index,follow。

    index : 搜索引擎索引此网页。

    follow : 搜索引擎继续通过此网页的链接索引搜索其它的网页。

    5、author(作者)

    <meta name="author" content="camille">

    6、generator(网页制作软件)

    <meta name="generator" content="Sublime Text3">

    7、copyright(版权)

    <meta name="copyright" content="camille"> 

    8、revisit-after(搜索引擎爬虫重访时间)

    <meta name="revisit-after" content="7 days">

    9、renderer(双核浏览器渲染方式)

    <meta name="renderer" content="webkit"> //默认webkit内核
    <meta name="renderer" content="ie-comp"> //默认IE兼容模式
    <meta name="renderer" content="ie-stand"> //默认IE标准模式

    10、referrer

    <meta name="referrer" content="never">

    never: 如果referer-policy的值为never,删除 http head中的referer;

    default: 如果referer-policy的值为default,如果当前页面使用的是https协议,而正要加载的资源使用的是普通的http协议,则将 http header中的referer置空;

    origin: 如果referer-policy的值为origin,只发送origin部分;

    always: 如果referer-policy的值为always,不改变http header中的 referer 的值。这种情况下,如果当前页面使用了https协议,而要加载的资源使用的是http协议,加载资源的请求头中也会携带referer。

  • 相关阅读:
    C++使用之常量的定义
    GDB学习之道:GDB调试精粹及使用实例
    [置顶] 如何在Windows 7 64位安装Python,并使用Matplotlib绘图
    [每日一题] 11gOCP 1z0-052 :2013-09-15 Enterprise Manager Support Workbench..................B9
    【cocos2d-x】Win7下配置Cocos2d-x开发环境
    PE框架学习之道:PE框架——发送报文流程
    System.UriHostNameType.cs
    System.UrlComponents.cs
    System.UriFormat.cs
    System.UriKind.cs
  • 原文地址:https://www.cnblogs.com/camille666/p/pc_meta.html
Copyright © 2011-2022 走看看