HTML中meta作用介紹

1、幫助主頁被各大搜索引擎登錄
meta標籤的一個很重要的功能就是設置關鍵字,來幫助你的主頁被各大搜索引擎登錄,提高網站的訪問量。在這個功能中,最重要的就是對Keywords和description的設置。因爲按照搜索引擎的工作原理,搜索引擎首先派出機器人自動檢索頁面中的keywords和decription,並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。
因此,我們必須設置好關鍵字,來提高頁面的搜索點擊率。
<meta name="keywords" content="政治,經濟, 科技,文化, 衛生, 情感,心靈,娛樂,生活,社會,企業,交通">
<meta name="description" content="政治,經濟, 科技,文化, 衛生, 情感,心靈,娛樂,生活,社會,企業,交通">
設置好這些關鍵字後,搜索引擎將會自動把這些關鍵字添加到數據庫中,並根據這些關鍵字的密度來進行合適的排序。

腳本學學堂提示:目前搜索引擎對關鍵詞與描述不是很看重了。

2、定義頁面的使用語言
這是meta標籤最常見的功能,在製作網頁時,我們在純HTML代碼下都會看到它,它起的作用是定義你網頁的語言,當瀏覽者訪問你的網頁時,瀏覽器會自動識別並設置網頁中的語言,如果你網頁設置的是GB碼,而瀏覽者沒有安裝GB碼,這時網頁只會呈現瀏覽者所設置的瀏覽器默認語言。同樣的,如果該網頁是英語,那麼charset=en。下面就是一個具有代表性的例子:
<meta http-equiv=″content-Type″ content=″text/html; charset=gb2312″〉
該代碼就表示將網頁的語言設置成國標碼。

3、自動刷新並指向新的頁面
如果你想使您的網頁在無人控制的情況下,能自動在指定的時間內去訪問指定的網頁,就可以使用meta標籤的自動刷新網頁的功能。下面我們來看一段代碼:
〈meta http-equiv=″refresh″ content=″2; URL=http://www.jbxue.com″〉
這段代碼可以使當前某一個網頁在2秒後自動轉到http://www.jbxue.com頁面中去,這就是meta的刷新作用,在content中,2代表設置的時間(單位爲秒),而URL就是在指定的時間後自動連接的網頁地址。

4、實現網頁轉換時的動畫效果
使用meta標籤,我們還可以在進入網頁或者離開網頁的一剎那實現動畫效果,我們只要在頁面的html代碼中的<head></head>標籤之間添加如下代碼就可以了:
<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0, transition=20)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=5.0, transition=20)">
一旦上述代碼被加到一個網頁中後,我們再進出頁面時就會看到一些特殊效果,這個功能其實與FrontPage2000中的Format/Page Transition一樣,但我們要注意的是所加網頁不能是一個Frame頁;

5、控制頁面緩衝
meta標籤可以設置網頁到期的時間,也就是說,當你在Internet Explorer 瀏覽器中設置瀏覽網頁時首先查看本地緩衝裏的頁面,那麼當瀏覽某一網頁,而本地緩衝又有時,那麼瀏覽器會自動瀏覽緩衝區裏的頁面,直到meta中設置的時間到期,這時候,瀏覽器纔會去取得新頁面。例如下面這段代碼就表示網頁的到期時間是2001年1月12日18時18分18秒。
〈meta http-equiv=″expires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″〉

6、控制網頁顯示的窗口
我們還可以使用meta標籤來控制網頁顯示的窗口,只要在網頁中加入下面的代碼就可以了:<metahttp-equiv="window-target" content="_top">,這段代碼可以防止網頁被別人作爲一個Frame調用。

Head中的其它一些用法
1、scheme (方案)
說明:scheme can be used when name is used to specify how the value of content should
be interpreted.
用法:<meta scheme="ISBN" name="identifier" content="0-14-043205-1" />
注意:

2、Link (鏈接)
說明:鏈接到文件
用法:<Link href="soim.ico" rel="Shortcut Icon">
注意:很多網站如果你把她保存在收件夾中後,會發現它連帶着一個小圖標,如果再次點擊進入之後還會發現地址欄中也有個小圖標。現在只要在你的頁頭加上這段話,就能輕鬆實現這一功能。<LINK> 用來將目前文件與其它 URL 作連結,但不會有連結按鈕,用於 <HEAD> 標記間, 格式如下:
<link href="URL" rel="relationship">
<link href="URL" rev="relationship">

3、Base (基鏈接)
說明:插入網頁基鏈接屬性
用法:<Base href="http://www.jbxue.com/" target="_blank">
注意:網頁上的相對路徑在鏈接時都將在前面加上“http://www.jbxue.com.com/”。其中target="_blank"是鏈接文件在新的窗口中打開,可以做其他設置。
將“_blank”改爲“_parent”是鏈接文件將在當前窗口的父級窗口中打開;
改爲“_self”鏈接文件在當前窗口(幀)中打開;
改爲“_top”鏈接文件全屏顯示。

發佈了2 篇原創文章 · 獲贊 2 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章