h5各类meta标签功能

IE=edge告诉IE使用最新的引擎渲染页面,chrome=1则可以激活chrome frame

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">

若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">

若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

页面缓存时间的最大值是0秒,目的是不让页面缓存,每次访问必须到服务器读取

<meta http-equiv="Cache-Control"content="max-age=0"/>

在测试某个 SPA 项目时,发现更改后 Chrome 浏览器页面刷新还是使用之前的版本。经调查发现 Chrome 默认缓存值为 300 秒。
经测试跨浏览器禁止缓存的 headers 如下:

 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">

添加到主屏幕后,全屏显示。
如果content设置为yes,Web应用会以全屏模式运行,反之,则不会。content的默认值是no,表示正常显示。你可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。

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

默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。

<meta name=”apple-mobile-web-app-status-bar-style” content=black” />

当该 HTML 页面在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。
默认是yes,不希望设置为超链接则设置为false.

 <meta name="format-detection" content="telephone=no">
<meta name=”screen-orientation” content=”portrait”>   uc强制竖屏
<meta name="x5-orientation" content="portrait"> qq强制竖屏
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,879评论 1 45
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,845评论 1 92
  • 随着html5的普及和Web技术的净化,从Windows XP的IE6到IE8、IE9、IE10、IE11,Edg...
    波段顶底阅读 2,288评论 1 1
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,620评论 0 7
  • 移动端meta标签设置 1.设置当前html文件的字符编码 1 2设置浏览器的兼容模式(让IE使用最新的浏览器渲染...
    小半_生阅读 2,718评论 0 1