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

2020-04-16 08:41:31易采站长站整理

<meta name="HandheldFriendly" content="true">  
<!– 微软的老式浏览器 –>  
<meta name="MobileOptimized" content="320">  
<!– uc强制竖屏 –>  
<meta name="screen-orientation" content="portrait">  
<!– QQ强制竖屏 –>  
<meta name="x5-orientation" content="portrait">  
<!– UC强制全屏 –>  
<meta name="full-screen" content="yes">  
<!– QQ强制全屏 –>  
<meta name="x5-fullscreen" content="true">  
<!– UC应用模式 –>  
<meta name="browsermode" content="application">  
<!– QQ应用模式 –>  
<meta name="x5-page-mode" content="app">  
<!– windows phone 点击无高光 –>  
<meta name="msapplication-tap-highlight" content="no">  

网页相关

申明编码

<meta charset=’utf-8′ />

优先使用 IE 最新版本和 Chrome

复制代码
<meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″ />
<!– 关于X-UA-Compatible –>
<meta http-equiv=”X-UA-Compatible” content=”IE=6″ ><!– 使用IE6 –>
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ ><!– 使用IE7 –>
<meta http-equiv=”X-UA-Compatible” content=”IE=8″ ><!– 使用IE8 –>

浏览器内核控制:国内浏览器很多都是双内核(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 磁贴颜色 –>