摘要：參數，代表說明網站的采用的什么軟件制作。的信息參數，表示說明此網站的版權信息。設置顯示窗口的默認設定強制改變頁面在當前窗口的顯示方式為獨立顯示，可以用來防止別人在框架里調用自己的頁面。

在寫前端頁面時，常常忽略meta標簽的作業，只是習慣性的粘貼常用的一些代碼，很多不明白meta還有其他很多用法，下面是我整理的一部分。
meta標簽的組成：
meta標簽原本有兩個屬性，它們分別是http-equiv屬性和name屬性，后h5發布了一個新屬性charset；每個屬性有不同的參數值，這些不同的參數值就實現了不同的網頁功能；下面我們介紹一下屬性；

charset(h5增加的屬性)

charset 屬性規定 HTML 文檔的字符編碼；html中必帶屬性；

name屬性；
name屬性主要用于描述網頁，屬性值為content，content中的內容常用在SEO中。
。

Keywords(關鍵字)
keywords用來告訴搜索引擎此頁面的關鍵字是什么，主要用于SEO的優化

description(網站的內容描述)
description用來告訴搜索引擎網站主要內容，用簡短的概括性文字描述網站，也是主要用于SEO的優化。

robots(機器人向導)
robots用來告訴搜索機器人哪些頁面需要被索引，哪些頁面不需要被索引。

具體參數如下：
信息參數為all：文件可被檢索，且頁面上的鏈接可以被查詢；
信息參數為none：文件不可被檢索，且頁面上的鏈接不可以被查詢；
信息參數為index：文件將被檢索；
信息參數為follow：頁面上的鏈接可以被查詢；
信息參數為noindex：文件將不可檢索，但頁面上的鏈接可以被查詢；
信息參數為nofollow：文件可被檢索，但頁面上的鏈接不可以被查詢；

author(網頁的開發人員)

標注網頁的開發人員；
舉例：

viewport(控制頁面是否可以縮放，主要用于移動端)

在移動端的布局中，css中的1px并不等于物理上的1px，現在手機屏幕的分辨率已經越來越高，高像素但是屏幕尺寸卻沒有發生太大變化，這就說明一個物理像素點實際上塞入了好幾個像素。
所以在做移動端開發時，為了使移動端的頁面在不同的手機上同樣的大小來顯示，我們可以將頁面的寬度固定，然后獲取設備的寬度，可以得到我們之前設定的寬度與設備寬度的比例，再使用HTML5新增的viewport來對頁面進行縮放，并固定不允許用戶再重新縮放。

參數的詳解如下：
width 設置layout viewport 的寬度，為一個正整數，使用字符串”width-device”表示設備寬度
initial-scale 設置頁面的初始縮放值，為一個數字，可以帶小數
minimum-scale 允許用戶的最小縮放值，為一個數字，可以帶小數
maximum-scale 允許用戶的最大縮放值，為一個數字，可以帶小數
user-scalable 是否允許用戶進行縮放，值為”no”或”yes”, no 代表不允許，yes代表允許

revisit-after
revisit-after參數表示多久后網站重新訪問,1days代表1天，依此類推。

generator參數，代表說明網站的采用的什么軟件制作。

COPYRIGHT
COPYRIGHT的信息參數，表示說明此網站的版權信息。

http-equiv屬性

   http-equiv可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，對應的屬性值為content;
   meta標簽的http-equiv屬性語法格式是：
   ******
   http-equiv屬性有以下幾種參數：

Expires(期限)

   用于設定網頁的到期時間。時間到時網頁自動過期，頁面必須到服務器上重新傳輸。
   *** 注意：必須使用GMT的時間格式。***

Pragma(cache模式)

   Pragma禁止瀏覽器從本地計算機的緩存中訪問頁面內容，每一次的加載頁都是從網絡服務器中加載；這樣設定，訪問者將無法脫機瀏覽，必須在聯網的狀態下瀏覽頁面；
   ****** 

Refresh(設置自動刷新)

   設置頁面在等待多久時間后自動刷新頁面或者指向新頁面，跳轉頁面。
   *** //(注意后面的引號，分別在秒數的前面和網址的后面，此例子為10秒后跳轉)*** 

Set-Cookie(cookie刪除)

   網頁過期時，本地計算機中的cookie將自動被刪除。
   *** 注意：必須使用GMT的時間格式。***

Window-target(設置顯示窗口的默認設定)

   強制改變頁面在當前窗口的顯示方式為獨立顯示，可以用來防止別人在框架里調用自己的頁面。
   ****** 

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

meta其他

   忽略數字自動識別為電話號碼
   
   忽略識別郵箱
   

WebApp(全屏模式：偽裝app，離線應用)。

   ******

meta在移動端的用法

HTML < base > 標簽
為頁面上所有默認鏈接：
例如：

    ******
     標簽為頁面上的所有鏈接規定默認地址或默認目標

為頁面上所有鏈接指定默認打開方式(和meta的Window-target有作用相似)：
例如：

    ******
    target指定頁面中所有標簽都是本頁打開