您好,登錄后才能下訂單哦!
1 <meta name="renderer" content = "webkit"/>
竟然一行代碼“功力這么強大”,真是有必要認真學習了解一下常用的head頭標簽了。首先,總結一下瀏覽器默認的內核模式:
國內雙核瀏覽器默認內核模式如下:
1. 搜狗高速瀏覽器、QQ瀏覽器:IE內核(兼容模式)
2. 360極速瀏覽器、遨游瀏覽器:Webkit內核(極速模式)
頁面關鍵字
<meta name="keywords" content="技術">
頁面描述
<meta name="description" content = "搜索相關課程">
<meta name="viewport" content="">
設置屏幕寬度為設備寬度,禁止用戶手動調整縮放
<meta name = "viewport" content="width=device-width,user-scalable=no">
device-width 為設備的寬度
user-scalable 用戶調整縮放,yes為允許用戶對其縮放,反之為no,若設置為no,minimum-scale和maximum-scale都將被忽略,因為根本不可以縮放。
initial-scale:初始的縮放比例 (范圍從>0 到10)
<meta charset="utf-8"/>
<html>
優先使用IE最新版本和Chrome
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
瀏覽器內核控制:(國內很多是雙內核(webkit,trident)添加以下meta可以控制瀏覽器使用何種內核渲染)
<meta name="renderer" content = "webkit | ie-comp| ie-stand"/>
content的取值為 webkit ie-comp ie-stand, (是區分大小寫的,使用的時候要注意),分別代表webkit 內核,IE 兼容內核,IE 標準內核。
如:若頁面需默認用極速核,增加標簽:
<meta name="renderer" content="webkit">
禁止瀏覽器從本地計算機的緩存中訪問頁面內容:
<meta http-equiv="Pragma" content="no-cache">
H5頁面窗口自動調整到設備寬度,并禁止用戶縮放頁面
1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
忽略將頁面中的數字識別為電話號碼
1 <meta name="format-detection" content="telephone=no" />
忽略Android平臺中對郵箱地址的識別
1 <meta name="format-detection" content="email=no" />
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。