美文网首页
移动端的头部标签和meta

移动端的头部标签和meta

作者: 佛系猪猪程序员 | 来源:发表于2018-05-23 18:56 被阅读0次

声明文档使用的字符编码
<meta charset="UTF-8">

IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Frame
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

如果访问的页面中有css3代码,双核浏览器会自动切换成webkit内核
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>

<meta name="aplus-xplug" content="NONE">

视口
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

是否启用WebApp全屏模式,删除苹果默认的工具栏和菜单栏
<meta name="app-mobile-web-app-capable" content="yes">

忽略页面中的数字识别为电话,忽略email识别
<meta name="format-detection" content="telephone=no, email=no"/>

页面描述
<meta name="description" content="不超过150个字符"/>

页面关键词
<meta name="keywords" content=""/>

防止页面缓存
许多浏览器为了能快速向用户展示所请求的页面,会把来自服务器的网页存放在客户端的缓存中,如果用户多次请求访问服务器端的同一个网页,并且在客户端的缓存中已经存在该网页,那么浏览器只需要从缓存中获取该网页,并不需要再请求访问远程服务器上的网页浏览器端的缓存技术,适用于保存服务器端的静态网页,以及不包含敏感数据的网页,有时服务器往往不希望客户端被浏览器缓存:
(1)网页包含随时会被更新的动态内容,因为如果浏览器向用户展示本地缓存中的网页,有可能展示的是过期的网页
(2)网页中包含敏感的数据,如特定用户的银行账户信息,电子邮件内容,因为如果浏览器把网页保存在本地缓存中有可能被其他未授权的用户访问到该网页服务器端的HttpServlet可以通过设置特定的HTTP响应头来禁止客户端缓存网页,"Parama"选项适应于采用HTTP1.0的浏览器,在HTTP1.1中,"Cache-Control"选项用来决定客户端是否可以缓存网页,如果取值为"no-cache"那么客户端不会把Servlet生成的网页保存在本地缓存中,HTTP1.0和HTTP1.1都支持"Expires"选项. 因此所有的浏览器都能识别该选项,"Expires"选项用于设定网页过期的时间,如果为0,就表示立即过期,如果用户重复请求访问该网站,那么浏览器每次都应该从服务器端获取最新的网页数据
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">

相关文章

  • 移动端布局适配

    一、meta标签的效果 移动端页面一般会在head头部添加如下meta标签。 该meta标签是否添加对页面渲染的影...

  • 移动端的头部标签和meta

    声明文档使用的字符编码 IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Chrome Fr...

  • viewport

    移动端viewport meta 标签

  • 移动端适配

    最先开始做移动端适配的时候,是这样写的: 先在html头部添加meta标签:viewport viewport 是...

  • 移动端知识概括

    移动端地图 这两个文件是用来做移动端地图 移动端meta标签   meta标签常用于定义页面的说明,关键字,最后修...

  • Bootstrap框架

    *移动端设备优先 *使用前需在head标签中添加viewport元数据标签和通过meta属性禁用移动端界面缩放功能...

  • 移动端meta标签

    天猫 淘宝 京东 网易 百度

  • Vue.js开发移动端经验总结

    一、移动端适配 在移动端我们经常可以在head标签中看到这段代码: 通过meta标签对viewport的设置,定义...

  • 移动前端开发项目-6.固定头部的制作

    6.固定头部的制作开发工具:Sublime Text运用技术:Sass 一、移动平台meta标签设置: 二、头部导...

  • web移动端布局之流式布局

    移动端布局之流式布局meta视口标签,写移动端布局必须加入视口标签: 二倍图:在移动端布局中,我们需要一个5050...

网友评论

      本文标题:移动端的头部标签和meta

      本文链接:https://www.haomeiwen.com/subject/cxldjftx.html