meta標(biāo)簽是head部的一個(gè)輔助性標(biāo)簽,提供關(guān)于 HTML 文檔的元數(shù)據(jù)。它并不會(huì)顯示在頁面上,但對(duì)于機(jī)器是可讀的。可用于瀏覽器(如何顯示內(nèi)容或重新加載頁面),搜索引擎(SEO),或其他 web 服務(wù)。
二、meta標(biāo)簽的作用
meta標(biāo)簽里的數(shù)據(jù)是供機(jī)器解讀的,其主要作用有:搜索引擎優(yōu)化(SEO),定義頁面使用語言,自動(dòng)刷新并指向新的頁面,實(shí)現(xiàn)網(wǎng)頁轉(zhuǎn)換時(shí)的動(dòng)態(tài)效果,控制頁面緩沖,網(wǎng)頁定級(jí)評(píng)價(jià),控制網(wǎng)頁顯示的窗口等等。
三、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屬性語法格式:
name屬性主要有以下幾種參數(shù):
a、charset
說明:用以說明網(wǎng)頁制作所使用的文字以及語言。
用法:
b、expires
說明:設(shè)置網(wǎng)頁的過期時(shí)間,一旦過期則必須到服務(wù)器上重新獲取。需要注意的是必須使用GMT時(shí)間格式
用法:
c、refresh
說明:用于設(shè)定網(wǎng)頁在特定時(shí)間內(nèi)自動(dòng)刷新并轉(zhuǎn)到新頁面
用法:
d、pragma
說明:用于設(shè)定禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容。
用法:
e、windows-target
說明:用于設(shè)定強(qiáng)制頁面在窗口中以獨(dú)立頁面顯示,防止自己的網(wǎng)頁被別人當(dāng)作一個(gè)frame頁調(diào)用。
用法:
f、set-cookie
說明:用于設(shè)定一個(gè)自定義cookie,如果網(wǎng)頁過期,那么存盤的cookie將被刪除,注意必須使用GMT的時(shí)間格式。
用法:
g、content-Type
說明:用于設(shè)定頁面使用的字符集。
用法:
h、page-enter,page-exit
說明:用于設(shè)定頁面進(jìn)入和離開時(shí)的過渡效果,注意被添加的頁面不能在一個(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)頁,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。
name屬性語法格式:
name屬性主要有以下幾種參數(shù):
a、keywords
說明:keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。
用法:
b、description
說明:description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。
用法: