[html] 说说你对标签的理解

设置meta标签 设置页面长串数字不与跳转防止长串数字电话或以邮箱的形式外链出去
## 设置meta标签 IE适配用于IE浏览器的适配
设置meta标签 移动端IOS用于适配苹果手机，用于全屏显示
设置meta标签 清除页面缓存Cache-Control头域Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。,pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.),常见的取值有private、no-cache、max-age、must-revalidate等，默认为private,其作用根据不同的重新浏览方式分为以下几种情况：1） 打开新窗口 值为private、no-cache、must-revalidate，那么打开新窗口访问时都会重新访问服务器。 而如果指定了max-age值，那么在此值内的时间里就不会重新访问服务器，例如： Cache-control: max-age=5(表示当访问此网页后的5秒内再次访问不会去服务器)2） 在地址栏回车 值为private或must-revalidate则只有第一次访问时会访问服务器，以后就不再访问。 值为no-cache，那么每次都会访问。 值为max-age，则在过期之前不会重复访问。3） 按后退按扭 值为private、must-revalidate、max-age，则不会重访问， 值为no-cache，则每次都重复访问4） 按刷新按扭 无论为何值，都会重复访问 Cache-control值为“no-cache”时，访问此页面不会在Internet临时文件夹留下页面备份。,指定Expires值为一个早已过去的时间，那么访问此网时若重复在地址栏按回车，那么每次都会重复访问： Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如：禁止页面在IE中缓存 http响应消息头部设置： CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是个好东东，如果服务器上的网页经常变化，就把它设置为0，表示立即过期。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 说说你对＜meta＞标签的理解相关推荐

常用SEO优化之META标签
之前对meta标签的理解只有<meta charset="UTF-8">和移动端适口<meta name="viewport" content ...
常用META标签整理和SEO优化
之前对meta标签的理解只有<meta charset="UTF-8">和移动端适口<meta name="viewport" content ...
SEO优化之meta标签
2019独角兽企业重金招聘Python工程师标准>>> meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里 ...
HTML meta标签总结与属性使用介绍
转载自: https://segmentfault.com/a/1190000004279791 之前学习前端中,对meta标签的了解仅仅只是这一句. <meta charset="U ...
移动端适配--meta标签玩的是什么
基本一直都在做移动端的开发,rem布局也写了很久,不过对于实现的原理有些模棱两可的盲点,自己总结一下留着以后回顾. 本文分以下几个层面,主打用最最通俗的语言来阐述. 布局小例子 viewport作用 ...
“约见”面试官系列之常见面试题第十篇值meta标签（建议收藏）
目录什么是meta标签? meta的作用 meta的必需属性和可选属性必需属性content 可选属性常用meta标签大总结 charset 百度禁止转码 SEO 优化部分 viewport 各 ...
SEO基础：Meta标签之Keywords、Description
今天网友小贼在QQ上问我,为什么搜索引擎中那么多排在前面的站点,都没有写Keywords和Description,樂思蜀就这个问题发表一下看法. 这两个Meta标签有什么作用? * Keywords: ...
meta标签的作用及整理
欢迎访文我的博客YangChen's Blog meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题.一方面不是很了解meta标签的用途,另一方面是对于meta标签里的属性和值不是懂,也不知道 ...
HTML中meta标签中charset属性的写法以及用法
meta标签中的charset属性是用来声明文档使用的字符编码.解决文档出现乱码的问题主要就是靠它!需要注意的是,这个charset属性的声明必须写在head中最靠前的位置,否则就可能出现乱码的问题. ...

[html] 说说你对＜meta＞标签的理解

[html] 说说你对标签的理解

个人简介

主目录

[html] 说说你对＜meta＞标签的理解相关推荐

最新文章

热门文章