常用HTML meta 标签属性(网站兼容与优化需要)

2019-01-15 09:49:45王振洲

浏览器内核控制:国内浏览器很多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。参考文档


复制代码
<meta name="renderer" content="webkit|ie-comp|ie-stand">


国内双核浏览器默认内核模式如下:

1. 搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)

禁止浏览器从本地计算机的缓存中访问页面内容:这样设定,访问者将无法脱机浏览。


复制代码
<meta http-equiv="Pragma" content="no-cache">

Windows 8


复制代码

<meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁贴图标 -->

站点适配:主要用于PC-手机页的对应关系。


复制代码

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
<!--
[wml|xhtml|html5]根据手机页的协议语言,选择其中一种;
url="url" 后者代表当前PC页所对应的手机页URL,两者必须是一一对应关系。
-->

转码申明:用百度打开网页可能会对其进行转码(比如贴广告),避免转码可添加如下meta


复制代码
<meta http-equiv="Cache-Control" content="no-siteapp" />

其他参考文档

COMPLETE LIST OF HTML META TAGS
W3C META TAGS
METATAGES in HTML5
MDN META TAGS