移动端meta标签缓存设置

1.<meta charset="utf-8">

2.<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

3.<meta content="telephone=no" name="format-detection">

4.<meta content="我的页面" name="keywords">

5.<meta content="" name="description">

6.<meta content="yes" name="apple-mobile-web-app-capable">

7.<meta content="black" name="apple-mobile-web-app-status-bar-style">

8.<meta http-equiv="pragma" content="no-cache">

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

1.设置网页字符编码utf-8

2.设置视口宽度为设备宽度，禁止用户缩放

3.设置禁止自动将数字识别为电话号码

4.设置网页关键字，利于seo搜索

5.设置网页主要内容描述，利于seo搜索

6.删除默认的苹果工具栏和菜单栏

7.设置状态栏显示样式（默认样）

8.定义页面是否缓存（pragma配合no-cache禁止页面被缓存）//http1.0

9.设置页面缓存方式（cache-control的contend的取值有no-cache、no-store、max-age、must-revalidate）//http1.1

注：no-cache：不缓存过期的资源，缓存会向服务器进行有效处理确认之后处理资源。

　　no-store：不进行任何缓存

　　max-age：指定过期时间，有效期内从缓存获取

　　must-revalidate：作用同no-cache，强制校验本地版本是否过期

使用no-cache的目的就是为了防止从缓存中获取过期的资源。

时间： 2024-10-13 17:30:56

移动端meta标签缓存设置的相关文章

移动端meta标签的设置

var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth / 640; var ua = navigator.userAgent; if (/Android (\d+\.\d+)/.test(ua)) { var version = parseFloat(RegExp.$1); if (version > 2.3) { document.write('<meta name="viewport

META标签的设置

㈠定义及用法 ⑴<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. ⑵<meta> 标签位于文档的头部,不包含任何内容.<meta> 标签的属性定义了与文档相关联的名称/值对. ⑶元数据(metadata)是关于数据的信息.元数据总是以名称/值的形式被成对传递的. ⑷典型的情况是,meta 元素被用于规定页面的描述.关键词.文档的作者.最后修改时间以及其他元数据. ⑸元数据可用于浏览器(如何显示内容或

PC端 meta标签的使用方法

<!DOCTYPE html> <html lang="en"> <head>  <meta http-equiv="Content-Type" Content="text/html;" charset="UTF-8"> <!-- Charset选项:ISO-8859-1(英文).BIG5.UTF-8.SHIFT-Jis.Euc

移动端 meta 标签笔记

(转自http://www.cssue.com/xhtml-css/html5-css3/mobile-meta.html,版权归原作者所有!) 移动平台对 meta 标签的定义一.meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name). 1.http-equiv 属性的 Content-Type 值(显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字语言,浏览器会根据此来调用相应的字符集显示 page 内容. 用法: 1 <m

移动端meta标签

一.天猫 <title>天猫触屏版</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, use

移动端meta标签的作用

<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <

前端移动端meta标签一览

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head>  <meta charset='utf-8'>

meta 详解，html5 meta 标签日常设置

<!DOCTYPE html>  <html lang="zh-cmn-Hans">  <head>  <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --&g

HTML之meta标签缓存控制