meta標(biāo)簽是head部的一個(gè)輔助性標(biāo)簽,提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它并不會(huì)顯示在頁(yè)面上,但對(duì)于機(jī)器是可讀的。可用于瀏覽器(如何顯示內(nèi)容或重新加載頁(yè)面),搜索引擎(SEO),或其他 web 服務(wù)。
二、meta標(biāo)簽的作用
meta標(biāo)簽里的數(shù)據(jù)是供機(jī)器解讀的,其主要作用有:搜索引擎優(yōu)化(SEO),定義頁(yè)面使用語(yǔ)言,自動(dòng)刷新并指向新的頁(yè)面,實(shí)現(xiàn)網(wǎng)頁(yè)轉(zhuǎn)換時(shí)的動(dòng)態(tài)效果,控制頁(yè)面緩沖,網(wǎng)頁(yè)定級(jí)評(píng)價(jià),控制網(wǎng)頁(yè)顯示的窗口等等。
三、meta標(biāo)簽的可選屬性
在W3school中,對(duì)于meta標(biāo)簽的可選屬性提到了三個(gè),分別是http-equiv、name和scheme,新近又出了一個(gè)property屬性,下面我們一個(gè)個(gè)介紹:
1、http-equiv屬性
http-equiv屬性是添加http頭部?jī)?nèi)容,對(duì)一些自定義的或者需要額外添加的發(fā)送到瀏覽器中的http頭部?jī)?nèi)容,我們就可以是使用這個(gè)屬性。
http-equiv屬性語(yǔ)法格式:
name屬性主要有以下幾種參數(shù):
a、charset
說(shuō)明:用以說(shuō)明網(wǎng)頁(yè)制作所使用的文字以及語(yǔ)言。
用法:
b、expires
說(shuō)明:設(shè)置網(wǎng)頁(yè)的過(guò)期時(shí)間,一旦過(guò)期則必須到服務(wù)器上重新獲取。需要注意的是必須使用GMT時(shí)間格式
用法:
c、refresh
說(shuō)明:用于設(shè)定網(wǎng)頁(yè)在特定時(shí)間內(nèi)自動(dòng)刷新并轉(zhuǎn)到新頁(yè)面
用法:
d、pragma
說(shuō)明:用于設(shè)定禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容。
用法:
e、windows-target
說(shuō)明:用于設(shè)定強(qiáng)制頁(yè)面在窗口中以獨(dú)立頁(yè)面顯示,防止自己的網(wǎng)頁(yè)被別人當(dāng)作一個(gè)frame頁(yè)調(diào)用。
用法:
f、set-cookie
說(shuō)明:用于設(shè)定一個(gè)自定義cookie,如果網(wǎng)頁(yè)過(guò)期,那么存盤(pán)的cookie將被刪除,注意必須使用GMT的時(shí)間格式。
用法:
g、content-Type
說(shuō)明:用于設(shè)定頁(yè)面使用的字符集。
用法:
h、page-enter,page-exit
說(shuō)明:用于設(shè)定頁(yè)面進(jìn)入和離開(kāi)時(shí)的過(guò)渡效果,注意被添加的頁(yè)面不能在一個(gè)frame中。
用法:
其中duration表示濾鏡特效的持續(xù)時(shí)間(單位:秒),transition是濾鏡類型,表示使用哪種特效,取值為0-23:
0 矩形縮小
1 矩形擴(kuò)大
2 圓形縮小
3 圓形擴(kuò)大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 豎百葉窗
9 橫百葉窗
10 錯(cuò)位橫百葉窗
11 錯(cuò)位豎百葉窗
12 點(diǎn)擴(kuò)散
13 左右到中間刷新
14 中間到左右刷新
15 中間到上下
16 上下到中間
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 橫條
22 豎條
23 以上22種隨機(jī)選擇一種
2、name屬性
name屬性主要用于描述網(wǎng)頁(yè),與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。
name屬性語(yǔ)法格式:
name屬性主要有以下幾種參數(shù):
a、keywords
說(shuō)明:keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。
用法:
b、description
說(shuō)明:description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
用法: