• 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">

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

  • 相关阅读:
    用错每日活跃用户(DAU)这个指标,无异于挖坑给自己跳
    自我修复型设计-常用的架构设计原则
    UParams
    nodejs的使用场景
    问题
    GitHub Copilot可对整行或全部代码给出AI分析建
    Your AI pair programmer
    飞冰React框架如何配置懒加载
    【630】keras 实现多输出模型
    【629】图像增强(imgaug 包)
  • 原文地址:https://www.cnblogs.com/hjj2ldq/p/8204955.html
Copyright © 2020-2023  润新知