html中meta的使用
來源:易賢網(wǎng) 閱讀:1014 次 日期:2014-08-25 14:38:57
溫馨提示:易賢網(wǎng)小編為您整理了“html中meta的使用”,方便廣大網(wǎng)友查閱!

meta 大家見到很多吧,可是它有很多特性啊

<head>

<meta http-equiv="content-Type" content="text/html; charset=gb2312">

</head>

也許你認(rèn)為這些代碼可有可無。其實(shí)如果你能夠用好meta標(biāo)簽,會(huì)給你帶來意想不到的效果,例如加入關(guān)鍵字會(huì)自動(dòng)被大型搜索網(wǎng)站自動(dòng)搜集;可以設(shè)定頁面格式及刷新等等。

一、meta標(biāo)簽的組成

meta標(biāo)簽共有兩個(gè)屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數(shù)值,這些不同的參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁功能。

1、name屬性

name屬性主要用于描述網(wǎng)頁,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類信息用的。

meat標(biāo)簽的name屬性語法格式是:<meta name="參數(shù)" content="具體的參數(shù)值"> 。

其中name屬性主要有以下幾種參數(shù):

A、Keywords(關(guān)鍵字)

說明:keywords用來告訴搜索引擎你網(wǎng)頁的關(guān)鍵字是什么。

舉例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">

B、description(網(wǎng)站內(nèi)容描述)

說明:description用來告訴搜索引擎你的網(wǎng)站主要內(nèi)容。

舉例:<meta name="description" content="This page is about the meaning of science, education,culture.">

C、robots(機(jī)器人向?qū)?

說明:robots用來告訴搜索機(jī)器人哪些頁面需要索引,哪些頁面不需要索引。

content的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。

舉例:<meta name="robots" content="none">

D、author(作者)

說明:標(biāo)注網(wǎng)頁的作者

舉例:<meta name="author" content="zys666,zys666@21cn.com">

2、http-equiv屬性

http-equiv顧名思義,相當(dāng)于http的文件頭作用,它可以向?yàn)g覽器傳回一些有用的信息,以幫助正確和精確地顯示網(wǎng)頁內(nèi)容,與之對(duì)應(yīng)的屬性值為content,content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。

meat標(biāo)簽的http-equiv屬性語法格式是:<meta http-equiv="參數(shù)" content="參數(shù)變量值"> ;其中http-equiv屬性主要有以下幾種參數(shù):

A、Expires(期限)

說明:可以用于設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期,必須到服務(wù)器上重新傳輸。

用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">

注意:必須使用GMT的時(shí)間格式。

B、Pragma(cache模式)

說明:禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問頁面內(nèi)容。

用法:<meta http-equiv="Pragma" content="no-cache">

注意:這樣設(shè)定,訪問者將無法脫機(jī)瀏覽。

C、Refresh(刷新)

說明:自動(dòng)刷新并指向新頁面。

用法:<meta http-equiv="Refresh" content="2;URL=http://www.chinayancheng.net">

注意:其中的2是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址。

D、Set-Cookie(cookie設(shè)定)

說明:如果網(wǎng)頁過期,那么存盤的cookie將被刪除。

用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">

注意:必須使用GMT的時(shí)間格式。

E、Window-target(顯示窗口的設(shè)定)

說明:強(qiáng)制頁面在當(dāng)前窗口以獨(dú)立頁面顯示。

用法:<meta http-equiv="Window-target" content="_top">

注意:用來防止別人在框架里調(diào)用自己的頁面。

F、content-Type(顯示字符集的設(shè)定)

說明:設(shè)定頁面使用的字符集。

用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">

二、meta標(biāo)簽的功能

上面我們介紹了meta標(biāo)簽的一些基本組成,接著我們?cè)賮硪黄鹂纯磎eta標(biāo)簽的常見功能

1、幫助主頁被各大搜索引擎登錄

meta標(biāo)簽的一個(gè)很重要的功能就是設(shè)置關(guān)鍵字,來幫助你的主頁被各大搜索引擎登錄,提高網(wǎng)站的訪問量。在這個(gè)功能中,最重要的就是對(duì)Keywords和description的設(shè)置。因?yàn)榘凑账阉饕娴墓ぷ髟?搜索引擎首先派出機(jī)器人自動(dòng)檢索頁面中的keywords和decription,并將其加入到自己的數(shù)據(jù)庫,然后再根據(jù)關(guān)鍵詞的密度將網(wǎng)站排序。因此,我們必須設(shè)置好關(guān)鍵字,來提高頁面的搜索點(diǎn)擊率。下面我們來舉一個(gè)例子供大家參考:

<meta name="keywords" content="政治,經(jīng)濟(jì), 科技,文化, 衛(wèi)生, 情感,心靈,娛樂,生活,社會(huì),企業(yè),交通">

<meta name="description" content="政治,經(jīng)濟(jì), 科技,文化, 衛(wèi)生, 情感,心靈,娛樂,生活,社會(huì),企業(yè),交通">

設(shè)置好這些關(guān)鍵字后,搜索引擎將會(huì)自動(dòng)把這些關(guān)鍵字添加到數(shù)據(jù)庫中,并根據(jù)這些關(guān)鍵字的密度來進(jìn)行合適的排序。

2、定義頁面的使用語言

這是meta標(biāo)簽最常見的功能,在制作網(wǎng)頁時(shí),我們?cè)诩僅TML代碼下都會(huì)看到它,它起的作用是定義你網(wǎng)頁的語言,當(dāng)瀏覽者訪問你的網(wǎng)頁時(shí),瀏覽器會(huì)自動(dòng)識(shí)別并設(shè)置網(wǎng)頁中的語言,如果你網(wǎng)頁設(shè)置的是GB碼,而瀏覽者沒有安裝GB碼,這時(shí)網(wǎng)頁只會(huì)呈現(xiàn)瀏覽者所設(shè)置的瀏覽器默認(rèn)語言。同樣的,如果該網(wǎng)頁是英語,那么charset=en。下面就是一個(gè)具有代表性的例子:

<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″〉

該代碼就表示將網(wǎng)頁的語言設(shè)置成國標(biāo)碼。

3、自動(dòng)刷新并指向新的頁面

如果你想使您的網(wǎng)頁在無人控制的情況下,能自動(dòng)在指定的時(shí)間內(nèi)去訪問指定的網(wǎng)頁,就可以使用meta標(biāo)簽的自動(dòng)刷新網(wǎng)頁的功能。下面我們來看一段代碼:

〈meta http-equiv=″refresh″ content=″2; URL=http://www.forasp.cn″〉

這段代碼可以使當(dāng)前某一個(gè)網(wǎng)頁在2秒后自動(dòng)轉(zhuǎn)到http://www.forasp.cn頁面中去,這就是meta的刷新作用,在content中,2代表設(shè)置的時(shí)間(單位為秒),而URL就是在指定的時(shí)間后自動(dòng)連接的網(wǎng)頁地址。

4、實(shí)現(xiàn)網(wǎng)頁轉(zhuǎn)換時(shí)的動(dòng)畫效果

使用meta標(biāo)簽,我們還可以在進(jìn)入網(wǎng)頁或者離開網(wǎng)頁的一剎那實(shí)現(xiàn)動(dòng)畫效果,我們只要在頁面的html代碼中的<head></head>標(biāo)簽之間添加如下代碼就可以了:

<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0, transition=20)">

<meta http-equiv="Page-Exit" content="revealTrans(duration=5.0, transition=20)">

一旦上述代碼被加到一個(gè)網(wǎng)頁中后,我們?cè)龠M(jìn)出頁面時(shí)就會(huì)看到一些特殊效果,這個(gè)功能其實(shí)與FrontPage2000中的Format/Page Transition一樣,但我們要注意的是所加網(wǎng)頁不能是一個(gè)Frame頁;

下面介紹<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=n)">這句話

其中,n表示的就是下面的數(shù),n取不同的值,對(duì)應(yīng)有不同的效果:

0、Box in

1、Box out

2、Circle in

3、Circle out

4、Wipe up

5、Wipe down

6、Wipe right

7、Wipe left

8、Vertical blinds

9、Horizontal blinds

10、Checkerboard across

11、Checkerboard down

12、Random dissolve

13、Split vertical in

14、Split vertical out

15、Split horizontal in

16、Split horizontal out

17、Strips left down

18、Strips left up

29、Strips right down

20、Strips right up

21、Random bars horizontal

22、Random bars vertical

23、Random

Blend in(漸顯)

代碼:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" />

<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" />

5、網(wǎng)頁定級(jí)評(píng)價(jià)

IE4.0以上版本的瀏覽器可以防止瀏覽一些受限制的網(wǎng)站,而之所以瀏覽器會(huì)自動(dòng)識(shí)別某些網(wǎng)站是否受限制,就是因?yàn)樵诰W(wǎng)站meta標(biāo)簽中已經(jīng)設(shè)置好了該網(wǎng)站的級(jí)別,而該級(jí)別的評(píng)定是由美國RSAC,即娛樂委員會(huì)的評(píng)級(jí)機(jī)構(gòu)評(píng)定的,如果你需要評(píng)價(jià)自己的網(wǎng)站,可以連接到網(wǎng)站http://www.rsac.org/,按要求提交表格,那么RSAC會(huì)提供一段meta代碼給你,復(fù)制到自己網(wǎng)頁里就可以了。下面就是一段代碼的樣例:

〈meta http-equiv=″PICS-Label″

content=′(PICS-1.1 ″http://www.rsac.org/ratingsv01.html″

l gen true comment ″RSACi North America Server″

for ″http://www.rsac.org″

on ″2001.08.16T08:15-0500″

r (n 0 s 0 v 0 l 0))′〉

6、控制頁面緩沖

meta標(biāo)簽可以設(shè)置網(wǎng)頁到期的時(shí)間,也就是說,當(dāng)你在Internet Explorer 瀏覽器中設(shè)置瀏覽網(wǎng)頁時(shí)首先查看本地緩沖里的頁面,那么當(dāng)瀏覽某一網(wǎng)頁,而本地緩沖又有時(shí),那么瀏覽器會(huì)自動(dòng)瀏覽緩沖區(qū)里的頁面,直到meta中設(shè)置的時(shí)間到期,這時(shí)候,瀏覽器才會(huì)去取得新頁面。例如下面這段代碼就表示網(wǎng)頁的到期時(shí)間是2001年1月12日18時(shí)18分18秒。

〈meta http-equiv=″e(cuò)xpires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″〉

7、控制網(wǎng)頁顯示的窗口

我們還可以使用meta標(biāo)簽來控制網(wǎng)頁顯示的窗口,只要在網(wǎng)頁中加入下面的代碼就可以了:<metahttp-equiv="window-target" content="_top">,這段代碼可以防止網(wǎng)頁被別人作為一個(gè)Frame調(diào)用。

更多信息請(qǐng)查看IT技術(shù)專欄

更多信息請(qǐng)查看網(wǎng)頁制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:html中meta的使用
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)