摘要：參數(shù)，代表說明網(wǎng)站的采用的什么軟件制作。的信息參數(shù)，表示說明此網(wǎng)站的版權(quán)信息。設(shè)置顯示窗口的默認(rèn)設(shè)定強制改變頁面在當(dāng)前窗口的顯示方式為獨立顯示，可以用來防止別人在框架里調(diào)用自己的頁面。

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

charset(h5增加的屬性)

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

name屬性；
name屬性主要用于描述網(wǎng)頁，屬性值為content，content中的內(nèi)容常用在SEO中。
。

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

description(網(wǎng)站的內(nèi)容描述)
description用來告訴搜索引擎網(wǎng)站主要內(nèi)容，用簡短的概括性文字描述網(wǎng)站，也是主要用于SEO的優(yōu)化。

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

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

author(網(wǎng)頁的開發(fā)人員)

標(biāo)注網(wǎng)頁的開發(fā)人員；
舉例：

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

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

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

revisit-after
revisit-after參數(shù)表示多久后網(wǎng)站重新訪問,1days代表1天，依此類推。

generator參數(shù)，代表說明網(wǎng)站的采用的什么軟件制作。

COPYRIGHT
COPYRIGHT的信息參數(shù)，表示說明此網(wǎng)站的版權(quán)信息。

http-equiv屬性

   http-equiv可以向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁內(nèi)容，對應(yīng)的屬性值為content;
   meta標(biāo)簽的http-equiv屬性語法格式是：
   ******
   http-equiv屬性有以下幾種參數(shù)：

Expires(期限)

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

Pragma(cache模式)

   Pragma禁止瀏覽器從本地計算機的緩存中訪問頁面內(nèi)容，每一次的加載頁都是從網(wǎng)絡(luò)服務(wù)器中加載；這樣設(shè)定，訪問者將無法脫機瀏覽，必須在聯(lián)網(wǎng)的狀態(tài)下瀏覽頁面；
   ****** 

Refresh(設(shè)置自動刷新)

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

Set-Cookie(cookie刪除)

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

Window-target(設(shè)置顯示窗口的默認(rèn)設(shè)定)

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

content-Language（顯示語言的設(shè)定）

meta其他

   忽略數(shù)字自動識別為電話號碼
   
   忽略識別郵箱
   

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

   ******

meta在移動端的用法

HTML < base > 標(biāo)簽
為頁面上所有默認(rèn)鏈接：
例如：

    ******
     標(biāo)簽為頁面上的所有鏈接規(guī)定默認(rèn)地址或默認(rèn)目標(biāo)

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

    ******
    target指定頁面中所有標(biāo)簽都是本頁打開