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

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

原文地址:https://www.cnblogs.com/hjj2ldq/p/8204955.html