HTML meta 標籤總結與屬性

meta標籤有兩個屬性分別是http-equiv 屬性和name 屬性

A：>name屬性  // 用於描述網頁便於搜尋引擎抓取

1、<meta name="keywords" content="關鍵詞"> //告訴瀏覽器網頁的關鍵詞

2、<meta name="description" content="描述"> //告訴瀏覽器網頁的描述

3、<meta name="viewport" content="width=device-width,initial-scale=1"> //常用於移動端網頁 寬度等於裝置寬度 縮放比例=1

4、<meta name="robots" content="none"> //搜尋引擎爬行方式 預設all

 引數：

① none 搜尋引擎忽略此網頁

② noindex 搜尋引擎不索引此網頁

③ nofollow 搜尋引擎不繼續通過此網頁索引其他網頁其他連結

④ all 搜尋引擎索引此網頁並索引此網頁中的其他網頁

⑤ index 搜尋引擎索引此網頁

⑥ follow 搜尋引擎索引此網頁中的其他網頁連結

5、<meta name="author" content="admin@admin.com">  // 網頁作者

6、<meta name="copyright" content="admin" > // 網頁版權

7、<meta name="revisit-after" content="7 day">  //搜尋引擎重訪時間

8、<meta name="renderer" content="webkit"> //雙核瀏覽器渲染方式 

引數：webkit  webkit核心  ie-comp IE相容模式ie-stand IE標準模式

B：>http-equiv //http標頭檔案  定義http引數

1、<meta http-equiv="content-Type" content="text/html;charset=utf-8"> // 設定網頁字符集 舊方式

 <meta charset="utf-8"> // HTML5方式 推薦

2、<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1"> // 使用IE和chrome最高版本渲染當前頁面

3、<meta http-equiv="cache-control" content="no-cache"> //指定請求和響應遵循的快取機制

引數：

① no-cache 先傳送請求與伺服器端確認資源是否被更改 如果未被更改則使用快取

② no-store 不允許快取 每次都要去伺服器上下載完整的響應

③ public 快取所有響應 但並非必須 max-age也可以做到相同效果

④ private 只為單個使用者快取 不允許任何中繼進行快取 比如CND

⑤ max-age 表示當前請求開始 該響應能被多久內被快取和重用而不去伺服器重新請求 max-age=60

4、<meta http-equiv="expires" content="Sunday 26 October 2016 01:00 GMT" /> // 網頁到期時間

5、<meta http-equiv="refresh" content="2；URL=http://www.baidu.com/"> // 自動重新整理並跳轉頁面

6、<meta http-equiv="Set-Cookie" content="User=admin; path=/; expires=Sunday, 10-Jan-16 10:00:00 GMT">  // cookie 設定