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

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

charset(h5增加的屬性)

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

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

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

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

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

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

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

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

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

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

參數(shù)的詳解如下：
width 設(shè)置layout viewport 的寬度，為一個(gè)正整數(shù)，使用字符串”width-device”表示設(shè)備寬度
initial-scale 設(shè)置頁(yè)面的初始縮放值，為一個(gè)數(shù)字，可以帶小數(shù)
minimum-scale 允許用戶的最小縮放值，為一個(gè)數(shù)字，可以帶小數(shù)
maximum-scale 允許用戶的最大縮放值，為一個(gè)數(shù)字，可以帶小數(shù)
user-scalable 是否允許用戶進(jìn)行縮放，值為”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可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容，對(duì)應(yīng)的屬性值為content;
   meta標(biāo)簽的http-equiv屬性語法格式是：
   ******
   http-equiv屬性有以下幾種參數(shù)：

Expires(期限)

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

Pragma(cache模式)

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

Refresh(設(shè)置自動(dòng)刷新)

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

Set-Cookie(cookie刪除)

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

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

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

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

meta其他

   忽略數(shù)字自動(dòng)識(shí)別為電話號(hào)碼
   
   忽略識(shí)別郵箱
   

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

   ******

meta在移動(dòng)端的用法

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

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

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

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