移動設(shè)備相關(guān)
- 0.視口
<!--視口設(shè)置-->
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">
- 1.打開手機(jī)瀏覽器對webAPP全屏樣式支持
- 注意:只有當(dāng)頁面往下滑動時(shí)(
手勢上拉)，頂部瀏覽器窗口才會隱藏(進(jìn)入全屏)，一旦往上滑動(手勢下拉)，瀏覽器窗口就會出現(xiàn)。
- 注意:只有當(dāng)頁面往下滑動時(shí)(
<!--打開手機(jī)瀏覽器對webAPP全屏樣式支持-->
<meta name="apple-mobile-web-app-capable" content="yes">
- 2.設(shè)置手機(jī)中狀態(tài)欄樣式
<!--設(shè)置手機(jī)中狀態(tài)欄樣式，為黑色-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
- 3.禁止網(wǎng)頁自動識別數(shù)字為電話號碼與郵箱
<!--設(shè)置不識別網(wǎng)頁中的數(shù)字為電話號碼，也可以設(shè)置不識別郵箱-->
<meta name="format-detection" content="telephone=no，email=no">
其它 待續(xù)
- SEO相關(guān)
<!--告訴搜索引擎網(wǎng)頁的關(guān)鍵字是什么，SEO-->
<meta name="Keywords" content="網(wǎng)上購物,手機(jī),筆記本,電腦,MP3,CD,VCD,DV,相機(jī),數(shù)碼,配件,手表,存儲卡,京東商城">
<!--告訴搜索引擎網(wǎng)頁的內(nèi)容是什么，SEO-->
<meta name="description" content="京東JD.COM-專業(yè)的綜合網(wǎng)上購物商城,在線銷售家電、數(shù)碼、電腦、服裝、母嬰、圖書、食品等數(shù)萬個(gè)品牌商品.便捷、誠信的服務(wù),為您提供愉悅的網(wǎng)上商城購物體驗(yàn)! ">
- 作者及其聯(lián)系方式
<!--告訴瀏覽器頁面作者-->
<meta name="author" content="06xmgh5@126.com">
- 流量統(tǒng)計(jì)
<meta name="data-spm" content="a215s">
一、概述
A、http-equiv顧名思義，相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容，與之對應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。
B、Cache-control用于控制HTTP緩存（在HTTP/1.0中可能部分沒實(shí)現(xiàn)，僅僅實(shí)現(xiàn)了Pragma: no-cache）
二、基本內(nèi)容
meat標(biāo)簽的http-equiv屬性語法格式是：＜meta http-equiv="參數(shù)" content="參數(shù)變量值"＞ ；其中http-equiv屬性主要有以下幾種參數(shù)：
1、Expires(期限) 說明：可以用于設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新傳輸。 用法：
＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞
注意：必須使用GMT的時(shí)間格式。
2、Pragma(cache模式)
說明：是用于設(shè)定禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容，設(shè)定后一旦離開網(wǎng)頁就無法從Cache中再調(diào)出 用法：
＜meta http-equiv="Pragma" content="no-cache"＞
注意：這樣設(shè)定，訪問者將無法脫機(jī)瀏覽。
3、Refresh(刷新)
說明：自動刷新并指向新頁面。 用法：
＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞
注意：其中的2是指停留2秒鐘后自動刷新到URL網(wǎng)址。
4、Set-Cookie(cookie設(shè)定)
＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞
注意：必須使用GMT的時(shí)間格式。
5、Window-target(顯示窗口的設(shè)定)
說明：強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示。 用法：
＜meta http-equiv="Window-target" content="_top"＞
注意：用來防止別人在框架里調(diào)用自己的頁面。
6、content-Type(顯示字符集的設(shè)定)
說明：設(shè)定頁面使用的字符集。 用法：
＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞
7、Pics-label(網(wǎng)頁等級評定)
用法：
< meta http-equiv="Pics-label" contect="">
說明：在IE的internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置，可以防止瀏覽一些受限制的網(wǎng)站，而網(wǎng)站的限制級別就是通過meta屬性來設(shè)置的。
8、Page_Enter、Page_Exit
設(shè)定進(jìn)入頁面時(shí)的特殊效果
< meta http-equiv="Page-Enter" contect="revealTrans(duration=1.0,transtion=12)">
設(shè)定離開頁面時(shí)的特殊效果
< meta http-equiv="Page-Exit" contect="revealTrans(duration=1.0,transtion= 12)">
Duration的值為網(wǎng)頁動態(tài)過渡的時(shí)間，單位為秒。 ****Transition是過渡方式，它的值為0到23，分別對應(yīng)24種過渡方式。如下表： 0 盒狀收縮 1 盒狀放射 2 圓形收縮 3 圓形放射 4 由下往上 5 由上往下 6 從左至右 7 從右至左 8 垂直百葉窗 9 水平百葉窗 10 水平格狀百葉窗 11垂直格狀百葉窗 12 隨意溶解 13從左右兩端向中間展開 14從中間向左右兩端展開 15從上下兩端向中間展開 16從中間向上下兩端展開 17 從右上角向左下角展開 18 從右下角向左上角展開 19 從左上角向右下角展開 20 從左下角向右上角展開 21 水平線狀展開 22 垂直線狀展開 23 隨機(jī)產(chǎn)生一種過渡方式
9、清除緩存（再訪問這個(gè)網(wǎng)站要重新下載！）
< meta http-equiv="cache-control" content="no-cache">
具體用法
數(shù)據(jù)包中的格式：
Cache-Control: cache-directive
cache-directive可以為以下：
request時(shí)用到：
| "no-cache"
| "no-store"
| "max-age" "=" delta-seconds
| "max-stale" [ "=" delta-seconds ]
| "min-fresh" "=" delta-seconds
| "no-transform"
| "only-if-cached"
| "cache-extension"
response時(shí)用到：
| "public"
| "private" [ "=" <"> field-name <"> ]
| "no-cache" [ "=" <"> field-name <"> ]
| "no-store"
| "no-transform"
| "must-revalidate"
| "proxy-revalidate"
| "max-age" "=" delta-seconds
| "s-maxage" "=" delta-seconds
| "cache-extension"
部分說明：
根據(jù)是否可緩存分為
Public 指示響應(yīng)可被任何緩存區(qū)緩存。
Private 指示對于單個(gè)用戶的整個(gè)或部分響應(yīng)消息，不能被共享緩存處理。這允許服務(wù)器僅僅描述當(dāng)用戶的
部分響應(yīng)消息，此響應(yīng)消息對于其他用戶的請求無效。
no-cache 指示請求或響應(yīng)消息不能緩存（HTTP/1.0用Pragma的no-cache替換）
根據(jù)什么能被緩存
no-store 用于防止重要的信息被無意的發(fā)布。在請求消息中發(fā)送將使得請求和響應(yīng)消息都不使用緩存。
根據(jù)緩存超時(shí)
max-age 指示客戶機(jī)可以接收生存期不大于指定時(shí)間（以秒為單位）的響應(yīng)。
min-fresh 指示客戶機(jī)可以接收響應(yīng)時(shí)間小于當(dāng)前時(shí)間加上指定時(shí)間的響應(yīng)。
max-stale 指示客戶機(jī)可以接收超出超時(shí)期間的響應(yīng)消息。如果指定max-stale消息的值，那么客戶機(jī)可以
接收超出超時(shí)期指定值之內(nèi)的響應(yīng)消息。
Expires 表示存在時(shí)間，允許客戶端在這個(gè)時(shí)間之前不去檢查（發(fā)請求），等同max-age的
效果。但是如果同時(shí)存在，則被Cache-Control的max-age覆蓋。
格式：
Expires = "Expires" ":" HTTP-date
例如
Expires: Thu, 01 Dec 1994 16:00:00 GMT （必須是GMT格式）
2.應(yīng)用
通過HTTP的META設(shè)置expires和cache-control
<meta http-equiv="Cache-Control" content="max-age=7200" />
<meta http-equiv="Expires" content="Mon, 20 Jul 2009 23:00:00 GMT" />
上述設(shè)置僅為舉例，實(shí)際使用其一即可。這樣寫的話僅對該網(wǎng)頁有效，對網(wǎng)頁中的圖片或其他請求無效，并不會做任何cache。
這樣客戶端的請求就多了，盡管只是檢查Last-modified狀態(tài)的東西，但是請求一多對瀏覽速度必定有影響。
如果要對文件添加cache可以通過apache的mod_expire模塊，寫法為
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 days"
</IfModule>
記得ExpiresActive設(shè)為On，我起先沒設(shè)置On，似乎怎樣YSlow都查不到緩存機(jī)制。這樣添加的話就是默認(rèn)所有的。
如果要針對個(gè)別MIME類型則可以：
ExpiresByType image/gif "access plus 5 hours 3 minutes"
見 Apache Module mod_expires
另外，當(dāng)點(diǎn)擊瀏覽器上的刷新，客戶端發(fā)送的請求中均是max-age=0，表示validate操作，發(fā)送請求到服務(wù)器
要求檢查cache，再更新cache，一般得到的是304 Not Modified，表示沒變動。
10、設(shè)定網(wǎng)頁的到期時(shí)間
< meta http-equiv="expires" content="0">
11、關(guān)鍵字,給搜索引擎用的
< meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
12.頁面描述
< meta http-equiv="description" content="This is my page">
