zoukankan      html  css  js  c++  java
  • meta标签有何作用?一起来学习一下

    平日里总是沉迷于写页面写组件思考业务逻辑,解决冲突找出bug,猛的发现躲在head标签里的一大串标签时什么?这么多meta标签好多居然都不知其存在的意义。所以决定记录一下学习到的知识点。

    先搞明白以上的这些吧(惭愧,自己公司项目index.html里的。),以下资料从网络中整理而来!

    第一步,先了解一下meta标签吧。

    meta标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和 标题 <<标记之间,它提供用户不可见的信息。

    meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;

    它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。

    meta 标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

    以上的例子一个一个标注:

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

      Content-Type意义为内容格式,该META标签定义了HTML页面所使用的字符集为UTF-8,content内容格式可以是text/html等文档类型。

    <meta http-equiv="X-UA-Compatible" content="IE=8">

      告诉IE浏览器,IE8/9都会以IE8引擎来渲染页面。

    <meta http-equiv="Expires" content="0">

      网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅,content数字表示多少时间后过期.

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

      用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)

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

      Cache-Control指定请求和响应遵循的缓存机制,no-cache指示请求或响应消息不能缓存.

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

      跟上一个标签经常同时出现,一个是设置缓存管理模式,一个是设置缓存。

  • 相关阅读:
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
    Learn Prolog Now 翻译
  • 原文地址:https://www.cnblogs.com/hjj2ldq/p/8204955.html
Copyright © 2011-2022 走看看