meta標籤、利用媒體查詢 link不一樣的CSS文件

利用媒體查詢 link不一樣的CSS文件：
<link rel="stylesheet" media="screen and (min-width:1px) and (max-width:500px)" href="/css/d1.css" />
<link rel="stylesheet" media="screen and (min-width:500px)" href="/css/d2.css" />

 meta標籤：
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

meta是html語言head區的一個輔助性標籤。
meta標籤的做用有：搜索引擎優化（SEO），定義頁面使用語言，自動刷新並指向新的頁面，實現網頁轉換時的動態效果，控制頁面緩衝，網頁定級評價，控制網頁顯示的窗口等。
meta標籤的組成：meta標籤共有兩個屬性，它們分別是http-equiv屬性和name屬性。
一、name屬性 

A、Keywords(關鍵字)　 

說明：keywords用來告訴搜索引擎你網頁的關鍵字是什麼。 

舉例：<metaname="keywords"content="信息參數"> 

B、description(網站內容描述) 

說明：description用來告訴搜索引擎你的網站主要內容。 

舉例：<metaname="description"content="信息參數"> 

C、robots(機器人嚮導) 

說明：robots用來告訴搜索機器人哪些頁面須要索引，哪些頁面不須要索引。 

content的參數有all,none,index,noindex,follow,nofollow。默認是all。 

舉例：<metaname="robots"content="none"> 

D、author(做者) 

說明：標註網頁的做者 

舉例：<metaname="author"content="root,root@xxxx.com"> 


二、http-equiv屬性 

使用帶有 http-equiv 屬性的 <meta> 標籤時，服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。

A、Expires(期限) 

說明：能夠用於設定網頁的到期時間。一旦網頁過時，必須到服務器上從新傳輸。 

用法：<metahttp-equiv="expires"content="Fri,12Jan200118:18:18GMT"> 

注意：必須使用GMT的時間格式。 

B、Pragma(cache模式) 

說明：禁止瀏覽器從本地計算機的緩存中訪問頁面內容。 

用法：<metahttp-equiv="Pragma"content="no-cache"> 

注意：這樣設定，訪問者將沒法脫機瀏覽。 

C、Refresh(刷新) 

說明：自動刷新並指向新頁面。 

用法：<metahttp-equiv="Refresh"content="2;URL=http://www.jb51.net">(注意後面的引號，分別在秒數的前面和網址的後面) 

注意：其中的2是指停留2秒鐘後自動刷新到URL網址。 

D、Set-Cookie(cookie設定) 

說明：若是網頁過時，那麼存盤的cookie將被刪除。 

用法：<metahttp-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/"> 

注意：必須使用GMT的時間格式。 

E、Window-target(顯示窗口的設定) 

說明：強制頁面在當前窗口以獨立頁面顯示。 

用法：<metahttp-equiv="Window-target"content="_top"> 

注意：用來防止別人在框架裏調用本身的頁面。 

F、content-Type(顯示字符集的設定) 

說明：設定頁面使用的字符集。 

用法：<metahttp-equiv="content-Type"content="text/html;charset=gb2312"> 

G、content-Language（顯示語言的設定） 

用法：<metahttp-equiv="Content-Language"content="信息參數"/> 

H、Cache-Control指定請求和響應遵循的緩存機制
 
在請求消息或響應消息中設置Cache-Control並不會修改另外一個消息處理過程當中的緩存處理過程。
請求時的緩存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached，
響應消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。