你所不知的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

文档参考

你可能感兴趣的:(link,meta,html)