筆記一：關於和HTML的meta標籤

 

meta 標籤的做用

• 搜索引擎（SEO）優化；
• 定義頁面使用語言；
• 自動刷新頁面；
• 控制頁面緩存；
• 網頁定級評價；
• 控制頁面顯示的窗口；
• 等等...

meta 使用

<meta>標籤總共有 3 個屬性，不一樣的屬性和值組成了網頁不一樣的功能：

• name
• http-equiv
• content

name 屬性

name屬性主要是用於描述網頁的，對應content屬性中的內容是便於搜索引擎查找和分類信息。語法：

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

 

name="keywords"

它是用來設置，讓搜索引擎獲取網頁的關鍵字：

<meta name="keywords" content="活動,聚會，拓展，團建，培訓，講座" />

 

name="description"

它是用來設置，讓搜索引擎獲取網頁的內容描述：

<meta name="description" content="百場匯是中國最大的會議活動和工做場地短租平臺，提供場地直銷服務，價格超低，無任何附加費用，幫助用戶尋找各類各樣的特點場地。" />

 

name="robots"

它是用來設置，讓搜索引擎哪些頁面須要索引，哪些頁面不須要索引。content 有以下參數：

• all：文件將被檢索，且頁面上的連接能夠被查詢；
• none：文件將不被檢索，且頁面上的連接不能夠被查詢；
• index：文件將被檢索；
• noindex：文件將不被檢索，但頁面上的連接能夠被查詢；
• follow：頁面上的連接能夠被查詢；
• nofollow：文件將被檢索，但頁面上的連接不能夠被查詢。

<meta name="robots" content="all" />

 

name="author"

它是來設置頁面的做者：

<meta name="author" content="jay" />

 

name="generator"

它是來設置網站採用什麼軟件製做的：

<meta name="generator" content="hobbit" />

 

name="COPYRIGHT"

它是來設置網站的版權信息的：

<meta name="COPYRIGHT" content="百場匯" />

 

name="revisit-after"

它是來設置網站的重訪，30day表明30天：

<meta name="revisit-after" content="30day" />

 

name="viewport"

它是來控制瀏覽器窗口的大小和縮放的，因爲它在現代瀏覽器，特別是 Mobile 端瀏覽器很是經常使用，咱們會用專門的一片文章來說解它：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

 

http-equiv 屬性

http-equiv至關於 HTTP 的文件頭的設置。語法：

<meta http-equiv="" content="" />

 

http-equiv="expires"

它是來設置網頁的過時時間的：

<meta http-equiv="expires" content="Fri May 13 2016 22:49:44 GMT+0800 (CST)" />

 

http-equiv="Pragma"

它是來設置禁止瀏覽器從本地緩存中訪問頁面：

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

 

http-equiv="Refresh"

它是來設置自動刷新並跳轉新頁面，其中content第一個數字表明 5 秒後自動刷新：

<meta http-equiv="Refresh" content="5;URL=http://m.baichanghui.com" />

 

http-equiv="Set-Cookie"

它是來設置 Cookie 的：

<meta http-equiv="Set-Cookie" content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/" />

 

http-equiv="Window-target"

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

<meta http-equiv="Window-target" content="top" />

 

http-equiv="content-Type"

它是來設置頁面使用的字符集：

<meta http-equiv="content-Type" content="text/html;charset=gb2312" />

 

http-equiv="Content-Language"

它是來設置頁面的語言的：

<meta http-equiv="Content-Language" content="zh-cn" />

 

http-equiv="Cache-Control"

它是設置頁面緩存：

<meta http-equiv="Cache-Control" content="no-cache" />

 

這裏能夠設置不少不一樣的緩存機制

http-equiv="Content-Script-Type"

它是設置頁面中腳本的類型：

<meta http-equiv="Content-Script-Type" content="text/javascript" />