欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于html头部引用(meta,link)_html/css_WEB-ITnose

程序员文章站 2022-06-11 21:28:30
...
/*这一段头部表示 如果安装了GCF,则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。*/


/*这一段头部表示 IE浏览器用IE7模拟,IE9还是用IE9来渲染*/


/*头部的申明 利于SEO*/
/*一般性简写成这样的也就够了*/
/*这个是网站的所属标签提示*/

/*可以阻止用户触摸放大屏幕*/
/*一般性这种写法就可以了*/
/*这种写法更严谨,只是没有必要,效果和上面的一样*/
/*width - viewport的宽度 height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放*/

/*这个是html中写ico的方法,另外js和php后台都可以控制替换最初静态的html中的ico*/
/*其中这段代码最关键*/


/*底下的代码是在收藏夹中也可以显示图标*/

第一:针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓(虽然黑莓在国内的市场占有率很低,但是多家一行有 好处)


第二:微软的老式浏览器(这个可以不用,比较基本没有了。)


第三:UC浏览器(市场占有很强势的一个moblie浏览器)
强制竖屏:

强制全屏:

应用模式:


QQ浏览器(腾讯的就不多说了,用户群体在那)
强制竖屏:

强制全屏:

应用模式:


第四:windows phone 点击无高光


第六:忽略页面中的数字识别为电话号码 还有一个email识别

这个里面可以设置address=no;email=no;telephone=no用分号隔开即可。



第七:是否启动webapp功能,会删除默认的苹果工具栏和菜单栏


第八:当启动webapp功能时,显示手机信号、时间、电池的顶部导航栏的颜色。

第九:隐藏浏览器导航栏


如何关闭iOS中键盘自动大写

我们知道在iOS中,当虚拟键盘弹出时,默认情况下键盘是开启首字母大写的功能的
移动版本webkit为input元素提供了autocapitalize属性,通过指定autocapitalize="off"来关闭键盘默认首字母大写

缓存控制





HTTP刷新
WAP 浏览器不支持用 标签来控制缓存, 但它们确实知道 HTTP 头 "Cache-Control: no-cache" 的意思. 这种情况下,
解决方案是在服务器端的 HTTP 响应中设置 HTTP 头

/*关于强制全屏 IOS*/

/*关于标签的问题,每个浏览器可能自己有一套设定的方式,这个就是IOS的document链接地址*/
https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

关于设置IOS的桌面添加主屏的功能(可以让web页面更像一个native app)




其中,apple-touch-icon-precomposed添加到桌面时有圆角/高光修饰,apple-touch-icon只处理圆角,没有高光修饰




dns-prefetch是HTML5的新增内容,主要用于前端优化,减少DNS的请求,预解析DNS。通过以上的例子可以看到,它将域名缓存后,当用户点击其它页面地址后自动的获取。从而控制浏览器来解析域名。

另外, 可以设置当前页面是否要进行DNS解析。content="on"代表的是解析/content="off"代表的是不解析。默认解析。