Meta标签中的小知识

1.apple-mobile-web-app-capable属性及含义

这meta的作用就是删除默认的苹果工具栏和菜单栏。

content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。

2.apple-mobile-web-app-status-bar-style属性及含义

“apple-mobile-web-app-status-bar-style”作用是控制状态栏显示样式,针对手机屏幕


若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">

若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">

若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">

版权信息归属:<meta name="Copyright" content="--归属方"-->


1、百度禁止转码

通过百度手机打开网页时,百度可能会对你的网页进行转码,往你页面贴上它的广告,非常之恶心。不过我们可以通过这个meta标签来禁止它:

<meta http-equiv="Cache-Control" content="no-siteapp">

2、添加到主屏后的标题(IOS)

<meta name="apple-mobile-web-app-title" content="标题">

3、如果你是在手机上打开的这个网站那就会打开m.baidu.com这个网址

<meta name="mobile-agent" content="format=html5;url=http://m.baidu.com">


<!--[if IE 9]>仅IE9可识别<![endif]-->类推如此

shortcut icon,特指浏览器中地址栏左侧显示的图标,一般大小为16x16,后缀名为.icon;

icon,指的是图标,格式可为PNG\GIF\JPEG,尺寸一般为16x16、24x24、36x36等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容