meta總結(jié)

做項(xiàng)目的時(shí)候發(fā)現(xiàn)正常的代碼在360瀏覽器上樣式都是亂的,翻閱資料才發(fā)現(xiàn)360是雙核,分為極速模式和兼容模式,極速模式是用webkit內(nèi)核,兼容模式是用trident內(nèi)核(也就是IE內(nèi)核),最后加了一行代碼就完美解決了

1 <meta name="renderer" content = "webkit"/>

竟然一行代碼“功力這么強(qiáng)大”,真是有必要認(rèn)真學(xué)習(xí)了解一下常用的head頭標(biāo)簽了。首先,總結(jié)一下瀏覽器默認(rèn)的內(nèi)核模式:

專(zhuān)業(yè)成都網(wǎng)站建設(shè)公司,做排名好的好網(wǎng)站,排在同行前面,為您帶來(lái)客戶和效益!創(chuàng)新互聯(lián)為您提供成都網(wǎng)站建設(shè),五站合一網(wǎng)站設(shè)計(jì)制作,服務(wù)好的網(wǎng)站設(shè)計(jì)公司,成都做網(wǎng)站、網(wǎng)站建設(shè)負(fù)責(zé)任的成都網(wǎng)站制作公司!

國(guó)內(nèi)雙核瀏覽器默認(rèn)內(nèi)核模式如下:
1. 搜狗高速瀏覽器、QQ瀏覽器:IE內(nèi)核(兼容模式)
2. 360極速瀏覽器、遨游瀏覽器:Webkit內(nèi)核(極速模式)

1.搜索引擎 (SEO優(yōu)化)

 頁(yè)面關(guān)鍵字

<meta name="keywords" content="技術(shù)">

頁(yè)面描述

<meta name="description" content = "搜索相關(guān)課程">

2.移動(dòng)設(shè)備

<meta name="viewport" content="">

設(shè)置屏幕寬度為設(shè)備寬度,禁止用戶手動(dòng)調(diào)整縮放

<meta name = "viewport" content="width=device-width,user-scalable=no">
  1. device-width   為設(shè)備的寬度

  2. user-scalable   用戶調(diào)整縮放,yes為允許用戶對(duì)其縮放,反之為no,若設(shè)置為no,minimum-scale和maximum-scale都將被忽略,因?yàn)楦静豢梢钥s放。

  3. initial-scale:初始的縮放比例 (范圍從>0 到10)

3.聲明編碼

<meta charset="utf-8"/>     

<html>  

4.內(nèi)核設(shè)置

優(yōu)先使用IE最新版本和Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

瀏覽器內(nèi)核控制:(國(guó)內(nèi)很多是雙內(nèi)核(webkit,trident)添加以下meta可以控制瀏覽器使用何種內(nèi)核渲染)

<meta name="renderer" content = "webkit | ie-comp| ie-stand"/>

content的取值為 webkit   ie-comp  ie-stand, (是區(qū)分大小寫(xiě)的,使用的時(shí)候要注意),分別代表webkit 內(nèi)核,IE 兼容內(nèi)核,IE 標(biāo)準(zhǔn)內(nèi)核。

如:若頁(yè)面需默認(rèn)用極速核,增加標(biāo)簽:

<meta name="renderer" content="webkit">

5.緩存設(shè)置

禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容:

<meta http-equiv="Pragma" content="no-cache">

6.手機(jī)端常用設(shè)置

H5頁(yè)面窗口自動(dòng)調(diào)整到設(shè)備寬度,并禁止用戶縮放頁(yè)面

1 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

忽略將頁(yè)面中的數(shù)字識(shí)別為電話號(hào)碼

1 <meta name="format-detection" content="telephone=no" />

忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別

1 <meta name="format-detection" content="email=no" />

本文名稱(chēng):meta總結(jié)
文章源于:http://bm7419.com/article34/ijhepe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、定制網(wǎng)站、網(wǎng)站營(yíng)銷(xiāo)、外貿(mào)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁(yè)設(shè)計(jì)公司