關於頭文件的一些經常使用

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
相關文章
相關標籤/搜索