1、常見的<meta>(摘自百度)html
1.web
設置編碼信息<meta http-equiv="Content-Type" Content="text/html; Charset=utf-8" />chrome
設置語言<meta http-equiv="Content-Language" Content="zh-CN" /> windows
設置重定向 <meta http-equiv="Refresh" Content="15; Url=http://www.baidu.com" /> 瀏覽器
設置緩存時間 <meta http-equiv="Expires" Content="Web, 26 Jun 2015 18:21:57 GMT" /> 緩存
不使用緩存 <meta http-equiv="Pragma" Content="No-cach" /> app
設置關鍵字 <meta name="Keywords" Content="key1,key2,..." /> 優化
設置描述信息 <meta name="Description" Content="description abc" />ui
設置對搜索引擎抓取 <meta name="Robots" Content="All|None|Index|Noindex|Follow|Nofollow" /> 搜索引擎
設置可視區域 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
2.瀏覽器使用:
<!-- 國產瀏覽器內核選擇 --> <meta name="renderer" content="webkit|ie-comp|ie-stand">
<!-- 使用最新版的ie瀏覽器,或者chrome--> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 針對手持設備優化,主要是針對一些老的不識別viewport的瀏覽器,好比黑莓 -->
<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 http-equiv="Cache-Control" content="no-siteapp" />
2、tabindex屬性(摘自W3C):
一、做用:規定元素的tab鍵控制次序;
二、支持該屬性的標籤:
<a>,<area>,<button>,<object>,<select>,<textarea>,<meta>
三、示例:
<!DOCTYPE html> <html> <body> <a href="http://www.w3school.com.cn/" tabindex="2">W3School</a><br /> <a href="http://www.google.com/" tabindex="1">Google</a><br /> <a href="http://www.microsoft.com/" tabindex="3">Microsoft</a> <p><b>註釋:</b>請嘗試使用鍵盤上的 "Tab" 鍵在連接之間進行導航。</p> </body> </html>
3、<meta name="renderer" content="webkit">
content的取值爲webkit,ie-comp,ie-stand之一,區分大小寫,分別表明用webkit內核,IE兼容內核,IE標準內核。
若頁面需默認用極速核,增長標籤:<meta name="renderer" content="webkit">
若頁面需默認用ie兼容內核,增長標籤:<meta name="renderer" content="ie-comp">
若頁面需默認用ie標準內核,增長標籤:<meta name="renderer" content="ie-stand">
各渲染內核的技術細節
內核 | Webkit | IE兼容 | IE標準 |
---|---|---|---|
文檔模式 | Chrome 21 | IE6/7 | IE9/IE10/IE11(取決於用戶的IE) |
HTML5支持 | YES | NO | YES |
ActiveX控件支持 | NO | YES | YES |