你所不知的meta和link用法

字符编码

两种写法等效，推荐写第一种

语言设置

简体中文

繁体中文

不是写lang="zh-CN"

浏览器内核控制

设置IE的优先版本为edge，若不存在则选择当前最高版本，含有谷歌内核的会选择谷歌，如果设置多条的话只有第一条生效

针对多内核浏览器设置优先使用的内核

禁用百度转码

通过百度进去你的网页，百度可能会对你的网页进行转码，转码的意思就是会在你的网页上加广告，要防止这种情况需要加

SEO优化

页面缓存

设置页面缓存的到期时间，content值为GMT时间格式，如果不想缓存就设置为0

不想从缓存里读取页面，就添加

win8图标

Windows 8 磁贴颜色

Windows 8 磁贴图标

移动端设备

viewport设置

针对手持设备优化，主要是针对一些老的不识别viewport的浏览器

忽略数字自动识别为电话号码

忽略识别邮箱

其他

其他

PWA应用定义

详细PWA介绍可参考 https://zhuanlan.zhihu.com/p/...

添加favicon icon

// 或者

详细favicon介绍可参考 https://github.com/audreyr/fa...

自动刷新或重定向

添加rss订阅

IOS设备添加主屏幕设置

添加到主屏后的标题（iOS 6 新增）

是否启用 WebApp 全屏模式

设置状态栏的背景颜色，全屏模式下才生效

图标设置

启动画面设置

建议考虑不同分辨率，对每个分辨率设置各自的sizes，配上对应尺寸的图片，可参考以下表格。

手机型号	图标大小	分辨率大小
iPad	72x72	768x1004(竖屏)、1024x748(竖屏)
iPad(Retina)	144x144	1536x2008(竖屏)、2048x1496(竖屏)
iPhone/iPod Touch	57x57	320x480
iPhone/iPod Touch(Retina)	114x114	640x960
iPhone 5/iPod Touch 5	114x114	640x1136
iPhone 6	120x120	750×1294
iPhone 6 Plus	180x180	1242×2148

添加智能APP广告条 Smart App Banner（iOS 6+ Safari），顶部会自动弹出一条关于应用下载的广告条，下载地址就是你设置的myURL

文档参考

• http://fex.baidu.com/blog/201...
• https://segmentfault.com/a/11...