font-weight的屬性設定

在寫css的時候，如果給font-weight的屬性值為600，600的意思是加粗，但是這個加粗在android上不起效果，在ios起效果。

最好這樣設定font-weight的屬性：（bold）

.fontWeight {
	font-weight: bold;
}

關於meta標籤的作用

<meta http-equiv="Cache-Control" content="no-transform">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragram" content="no-cache">
 

1. http-equiv的意思，就是在服務端向瀏覽器傳送HTML網頁的時候，加到http頭的資訊。比如上面的Cache-Control的值為no-transform，意思就是中間代理不應該進行轉碼操作。
2. cache-control的意義，就是我們的網頁，應該以什麼樣的方式，進行快取。常用的值有no-cache，no-store，max-age，max-stale，public，private，min-fresh，only-if-catched，must-revalidate。
3. expires的意義，就是為我們的網頁，設定了一個過期時間，這個過期時間，有這麼幾個常用的值，off，max，epoch，-1。其中預設值為off。表示不會修正expires和cache-control的值。但是expires的一個缺點，就是它是針對本地時間進行過期時間的設定，所以我們一定要保證，本地時間與服務端的時間一定是同步的。
4. pragram的意義，它出現的比cache-control更早，意義等同於cache-control：no-cache。

<meta name="description" content="免費線上教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="runoob">
<meta charset="UTF-8">

name在meta標籤象徵著一個主題，比如keywords，表示這個網頁是和什麼是相關的，而搜尋引擎會根據keywords的內容，對網頁進行分類，解析等操作。

description，表示對該網頁進行的一種描述資訊。

charset，表示網頁的編碼格式是什麼。

快取相關的知識

cache-control的屬性值，所代表的不同意義。

cache-control，一般會用在兩個地方，一個地方是html網頁的meta標籤中，另一個是我們的http的頭部的快取設定。

1，public：表明響應內容，可以被任何物件快取。（包括代理伺服器，傳送的請求客戶端）。

2，private：表示只能被自己快取，不能被其他的物件進行快取，比如代理伺服器等。

3，no-cache：每次請求發出，必須先向服務端進行驗證，驗證的方式有ETag和Last-modified。

4，no-store：表示在任何情況下，都不進行快取，必須重新向服務端獲取最新的資料。

5，only-if-cached：表明客戶端只接受已快取的響應，並且不要向服務端傳送驗證快取的請求。

6，max-age：表示過期時間為多少s。它有一個好處，就是在服務端和本地的時間不統一的狀態下，也能保證狀態更新的同步。

7，must-revalidate：表示已快取的東西，必須要在服務端進行快取驗證的請求。

8，max-stale：表示客戶端願意接收一個過期的資源，這個時間的設定，表示響應不能超過的過期時間。

圖片等靜態資源的快取策略

第一種靜態資源：HTML
一般而言，我們對HTML不進行快取設定，Cache-Control一般的設定值為no-cache，no-tansform，must-revalidate等。

第二種靜態資源：js，css，image等
這一類的靜態資源，在部署到服務端的時候，會配置一個過期時間。前端在專案打包的時候，會自動變更css，js檔案的名字，這時候路徑名會改變，然後我們的js，css等檔案會自動載入。

關於快取策略的實現方式ETag和Last-modified

一，Last-modified
　　望文知義，根據這個詞條的直譯應該是上次修改（時間），通過修改伺服器端的檔案後再請求，發現response的header中的Last-modified改變了

更新原理：

1、在瀏覽器首次請求某個資源時，伺服器端返回的狀態碼是200 （ok），內容是你請求的資源，同時有一個Last-Modified的屬性標記(Reponse Header)，標識此檔案在服務期端最後被修改的時間，格式：Last-Modified:Tue, 24 Feb 2009 08:01:04 GMT

2、瀏覽器第二次請求該資源時，根據HTTP協議的規定，瀏覽器會向伺服器傳送If-Modified-Since報頭(Request Header)，詢問該檔案是否在指定時間之後有被修改過，格式為：If-Modified-Since:Tue, 24 Feb 2009 08:01:04 GMT

3、如果伺服器端的資源沒有變化，則伺服器返回304狀態碼（Not Modified），內容為空，這樣就節省了傳輸資料量。當伺服器端程式碼發生改變，則伺服器返回200狀態碼（ok），內容為請求的資源，和第一次請求資源時類似。從而保證在資源沒有修改時不向客戶端重複發出資源，也保證當伺服器有變化時，客戶端能夠及時得到最新的資源。

二，ETag

ETag是http/1.1中增加的Header，Http協議規格說明ETag的意義就是“被請求變數的實體值”，另一種說法是ETag是web資源關聯的記號（token）。

更新原理：

1、當瀏覽器首次請求資源的時候，伺服器會返回200的狀態碼（ok）,內容為請求的資源，同時response header會有一個ETag標記，該標記是伺服器端根據容器（IIS或者Apache等等）中配置的ETag生成策略生成的一串唯一標識資源的字串，ETag格式為 ETag:“856247206”

2、當瀏覽器第2次請求該資源時，瀏覽器會在傳遞給伺服器的request中新增If-None-Match報頭，詢問伺服器改檔案在上次獲取後是否修改了，報頭格式：If-None-Match:“856246825”

3、伺服器在獲取到瀏覽器的請求後，會根據請求的資源查詢對應的ETag，將當前伺服器端指定資源對應的Etag與request中的If-None-Match進行對比，如果相同，說明資源沒有修改，伺服器返回304狀態碼（Not Modified），內容為空；如果對比發現不相同，則返回200狀態碼，同時將新的Etag新增到返回瀏覽器的response中。