meta标签 解读大全
2021-04-03 17:24
YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
width: viewport 的宽度 （范围从 200 到 10,000 ，默认为 980 像素 ）
height: viewport 的高度 （范围从 223 到 10,000 ）
initial-scale: 初始的缩放比例 （范围从>0到 10 ）
minimum-scale: 允许用户缩放到的最小比例
maximum-scale: 允许用户缩放到的最大比例
user-scalable: 用户是否可以手动缩放
是否删除默认的苹果工具栏和菜单栏
当设置了app形式之后，作用是控制状态栏显示样式，但是本机ios7测试之后没啥改变……不解
iphone会把一串数字识别为电话号码，点击的时候会提示是否呼叫，屏蔽这功能则把telephone设置为no，
要启用电话功能，请使用Call Me : 13888888888来代替，
邮件则为发送邮件
其他的meta设置
此外，apple还有两个有趣的标签：
1. apple-touch-icon
href="http://www.soscw.com/touch-icon-ipad.png">
如果apple-mobile-web-app-capable设置为yes了，那么在苹果机的safari上可以通过添加到主屏按钮将网站添加到主屏幕上。而设置相应apple-touch-icon标签，则添加到主屏上的图标就会使用我们指定的图片。
2. apple-touch-startup-image
基于apple-mobile-web-app-capable设置为yes，可以为WebApp设置一个类似NativeApp的启动画面。和apple-touch-icon不同，apple-mobile-web-app-capable不支持sizes属性，要使用media来加载不同的启动画面。详细查询大漠的文章。
// iPhone media="(device-width: 320px)" rel="apple-touch-startup-image" />
// iPhone Retina media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
所以，对于移动端，把通用的起始模板写成sublime的snippet：
${1}
${2}
]]> mhd Mobile Frame text.html