webapp中的meta

<!--开发后删除-->
<meta http-equiv="Pragma" name="no-store" /><!--必须联网才可以访问-->
<meta http-equiv="Cache-Control" name="no-store" /><!--浏览器缓存-->
<meta http-equiv="refresh" content="3" /><!--在3秒钟后刷新-->
<!--开发后删除-->
<meta http-equiv="window-target" content="_top" /> <!--防止别人在框架里调用自己的页面-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="HandheldFriendly" content="true" />

<!--搜索引擎抓取-->
<meta name="robots" content="index,follow"/>
<meta name ="viewport" content ="initial-scale=1.0,maximum-scale=1,user-scalable=no">
<!--是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--添加智能 App 广告条 Smart App Banner(iOS 6+ Safari)-->
<meta name="apple-itunes-app" content="app-id=myAppStoreID,affiliate-data=myAffiliateData,app-argument=myURL">
<!--设置苹果工具栏颜色-->
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<!--忽略页面中的数字识别为电话,忽略email识别-->
<meta content="telephone=no" name="format-detection" />
<!--启用360浏览器的极速模式(webkit)-->
<meta name="renderer" content="webkit">
<!--UC强制竖屏-->
<meta name="screen-orientation" content="portrait">
<!--UC强制全屏-->
<meta name="full-screen" content="yes">
<!--QQ强制竖屏-->
<meta name="x5-orientation" content="portrait">
<!--QQ强制全屏-->
<meta name="x5-fullscreen" content="true">
<!--UC应用模式-->
<meta name="browsermode" content="application">
<!--windows phone 点击无高光-->
<meta name="msapplication-tap-highlight" content="no">
<!--iOS 图标:iPhone 和 iTouch,默认 57x57 像素,必须有-->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
<!--Retina iPhone 和 Retina iTouch,114x114 像素,可以没有,但推荐有-->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
<!--Retina iPad,144x144 像素,可以没有,但推荐有-->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
<!--添加 RSS 订阅-->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!--添加 favicon icon-->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<!--去除Android平台中对邮箱地址的识别-->
<meta content="email=no" name="format-detection" />

时间: 2024-10-13 18:47:38

webapp中的meta的相关文章

移动开发webapp开发常用meta设置(手机浏览器全屏模式 html5)------转

1.WebApp全屏模式: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"> 注意:viewport 后面加上 minimal-ui 在safri 体现效果 <meta name="apple-mobile-web-a

动画在webapp中的现状

webapp的一大优势便是在view切换时候可以拥有媲美与native的动画效果,但是很多时候那只是一种想法,真正的情况却不是这样 产生此问题的原因有: ① 手机CPU烂! ② 手机显卡烂!就算四核其渲染也很有问题 ③ 高端手机浏览器会有BUG ④ 低端手机支持不好(国内山寨机笑而不语) 因为以上原因,事实上做webapp的都会不同程度的弱化动画,或者在局部区域使用动画 问题虽难,总有方案,事实上的情况是,几行代码搞死人,就我们的这个动画问题,前后过手几轮 最后又回到了我手上,中间甚至经手了国内

移动开发webapp开发常用meta设置手机浏览器全屏模式

1.WebApp全屏模式: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui"> 注意:viewport 后面加上 minimal-ui 在safri 体现效果 <meta name="apple-mobile-web-a

[iOS]在WebApp中如何使用JS调用iOS的函数

实现功能:点击HTML的标签,通过JS调用iOS内部的原生函数 基本流程: 先看一下Web中,我们给h1标签添加一个onclick事件,让它在被点击之后,修改当前的url. Web中的HTML代码: <html> <head> <script> function getInfo(name) { window.location = "/getInfo/"+name; } </script> </head> <body>

页面中的meta作用

很多人多页面中的meta不知道是干什么用的,在这里说一下 meta是用来在HTML文档中模拟HTTP协议的响应头报文. meta变迁位于页面head区之间name 属性 1.<meta name="Generator" contect="">用以说明生成工具 2.<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词: 3.<meta name="

WebApp中的页面生命周期及路由管理

最近切换到一个新项目,使用的技术栈是Require+Backbone,鉴于对鞋厂webapp框架的了解,发现这个新项目有些缺陷,主要是单纯依赖Backbone造成的,也就是Backbone的好和坏都在其中尽显无遗. 说说自己对Backbone优缺点的看法. Backbone确实是优秀的单页MVC框架,Events自定义事件机制,为Model/View/Colllection提供基础模块通信,Aync模块封装了CRUD的ajax操作,Router/History为开发者提供了路由机制,从很大程度上

移动web app 中的meta 标签

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />meta viewport 相关属性有下面几个 width: viewport 的宽度 (范围从 200 到 10,000 ,默认为 980 像素 ) height: viewport 的高度 (范围从 223 到 10,000 ) ini

HTML中的meta(转载)

meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta 标签用于网页的<head>与</head>中,meta 标签的用处很多.meta 的属性有两种:name和http-equiv.name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找.分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类).这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个m

HTML5移动开发中的meta与link

meta HTML5移动开发中的一些webkit专属头部标签,能够帮助浏览器更好的解析HTML代码,从而为HTML5移动开发提供更好的前端表现与体验 viewport网页缩放 1 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> UTF-8编码 1