只要在網頁中加入下面的代碼就可以了< metahttp-equiv="window-target" content="_top" >, 還可以使用 meta 標籤來控制網頁顯示的窗口。這段代碼可以防止網頁被他人作爲一個 Frame 調用。
meta http-equiv
還有 BIG5 utf-8 shift-Ji Euc Koi8-2 等字符集; 1 <meta http-equiv= "Content-Type"contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Language" contect="zh-CN"> 用以說明主頁製作所使用的文字以及語言;又如英文是 ISO-8859-1 字符集。>
2.<meta http-equiv="Refresh" content="2; URL=http://hi.baidu.com/chenrentian">
跳轉到頁面 定時讓網頁在指定的時間 n 秒內。>
一旦過期則必須到服務器上重新調用。需要注意的必需使用 GMT 時間格式; 3 <meta http-equiv="Expires" contect="Mon,12 Mai 2001 00:20:00 GMT"> 可以用於設定網頁的期時間。>
設定後一旦離開網頁就無法從 Cach 中再調出; 4 <meta http-equiv="Pragma" contect="no-cache"> 用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容。>
如果網頁過期,存盤的 cooki 將被刪除。需要注意的也是必需使用 GMT 時間格式; 5 <meta http-equiv="set-cookie" contect="Mon,12 Mai 2004 00:20:00 GMT">cooki 設定。>
IE internet 選項中有一項內容設置,6 <meta http-equiv="Pics-label" contect=""> 網頁等級評定。可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過 meta 屬性來設置的
可以防止自己的網頁被他人當作一個 frame 頁調用; 7 <meta http-equiv="windows-Target" contect="_top"> 強制頁面在當前窗口中以獨立頁面顯示。>
一、 meta 標籤的組成
分別是 http-equiv 屬性和 name 屬性, meta 標籤共有兩個屬性。不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。
1 name 屬性
與之對應的屬性值爲 content content 中的內容主要是便於搜索引擎機器人查找信息和分類信息用的 name 屬性主要用於描述網頁。>
meat 標籤的 name 屬性語法格式是< meta name=" 參數 " content=" 具體的參數值 " >
其中 name 屬性主要有以下幾種參數:
A Keyword 關鍵字 )
說明: keyword 用來告訴搜索引擎你網頁的關鍵字是什麼。
education, 舉例:< meta name ="keywords" content="science.culture,politics,ecnom relationships, entertaiment, human" >
B descript 網站內容描述 )
說明: descript 用來告訴搜索引擎你網站主要內容。
education, 舉例:< meta name="description" content="Thi page is about the mean of science.culture." >
C robot 機器人嚮導 )
哪些頁面不需要索引。 說明: robot 用來告訴搜索機器人哪些頁面需要索引。>
none, content 參數有 all.index,noindex,follow,nofollow 默認是 all
舉例:< meta name="robots" content="none" >
D author 作者 )
說明:標註網頁的作者
[email protected]" > 舉例:< meta name="author" content=" 閃電兒 .>
2 http-equiv 屬性
相當於 http 文件頭作用, http-equiv 顧名思義。可以向瀏覽器傳回一些有用的信息,以協助正確和精確地顯示網頁內容,與之對應的屬性值爲 content content 中的內容其實就是各個參數的變量值。
meat 標籤的 http-equiv 屬性語法格式是< meta http-equiv=" 參數 " content=" 參數變量值 " > 其中 http-equiv 屬性主要有以下幾種參數:
A Expire 期限 )
必需到服務器上重新傳輸。 說明:可以用於設定網頁的期時間。一旦網頁過期。>
12 Jan 2001 18:18:18 GMT" > 用法:< meta http-equiv="expires" content="Fri.>
注意:必需使用 GMT 時間格式。
B Pragma cach 模式 )
說明:禁止瀏覽器從外地計算機的緩存中訪問頁面內容。
用法:< meta http-equiv="Pragma" content="no-cache" >
訪問者將無法脫機瀏覽。 注意:這樣設定。>
C Refresh 刷新 )
說明:自動刷新並指向新頁面。
用法:< meta http-equiv="Refresh" content="2 URL=http://www.webjx.com" >
注意:其中的 2 指停留 2 秒鐘後自動刷新到 URL 網址。
D Set-Cooki cooki 設定 )
那麼存盤的 cooki 將被刪除。 說明:如果網頁過期。>
12-Jan-2001 18:18:18 GMT path=/" > 用法:< meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday.>
注意:必需使用 GMT 時間格式。
E Window-target 顯示窗口的設定 )
說明:強制頁面在當前窗口以獨立頁面顯示。
用法:< meta http-equiv="Window-target" content="_top" >
注意:用來防止別人在框架裏調用自己的頁面。
F content-Typ 顯示字符集的設定 )
說明:設定頁面使用的字符集。
用法:< meta http-equiv="content-Type" content="text/html; charset=gb2312" >
二、 meta 標籤的功能
接着我再來一起看看 meta 標籤的罕見功能: 上面我介紹了 meta 標籤的一些基本組成。>
1、協助主頁被各大搜索引擎登錄
來幫助你主頁被各大搜索引擎登錄,提高網站的訪問量。這個功能中,最重要的就是對 Keyword 和 descript 設置。因爲依照搜索引擎的工作原理 , meta 標籤的一個很重要的功能就是設置關鍵字。搜索引擎首先派出機器人自動檢索頁面中的 keyword 和 decript 並將其加入到自己的數據庫,然後再根據關鍵詞的密度將網站排序。因此,必需設置好關鍵字,來提高頁面的搜索點擊率。下面我來舉一個例子供大家參考:
網頁教學,網頁素材,視頻教程,技術論壇,免費空間,免費域名 " > < 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.webjx.com ″ 〉
這就是 meta 刷新作用 , 這段代碼可以使當前某一個網頁在2秒後自動轉到 http://www.webjx.com 頁面中去 . content 中 , 2代表設置的時間(單位爲秒) , 而 URL 就是指定的時間後自動連接的網頁地址。
4、實現網頁轉換時的動畫效果
還可以在進入網頁或者離開網頁的一剎那實現動畫效果, 使用 meta 標籤。只要在頁面的 html 代碼中的< head >< /head >標籤之間添加如下代碼就可以了
transition= 20 ) " > < meta http-equiv="Page-Enter" content="revealTran duration= 5 . 0 . 一旦上述代碼被加到一個網頁中後。這個功能其實與 FrontPage2000 中的 Format/Pag Transit 一樣,但我要注意的所加網頁不能是一個 Frame 頁 ;
transition= 20 ) " >
5、網頁定級評價
而之所以瀏覽器會自動識別某些網站是否受限制 , IE4.0 以上版本的瀏覽器可以防止瀏覽一些受限制的網站 . 就是因爲在網站 meta 標籤中已經設置好了該網站的級別 , 而該級別的評定是由美國 RSAC, 即娛樂委員會的評級機構評定的 , 如果你需要評價自己的網站 , 可以連接到網站 http://www.rsac.org/, 按 要求提交表格 , 那麼 RSAC 會提供一段 meta 代碼給你 , 複製到自己網頁裏就可以了下面就是一段代碼的樣例:
meta http-equiv= ″ PICS Label ″ http://www.rsac.org/ratingsv01.html ″ http://www.rsac.org ″
content= ′ ( PICS 1.1 ″
l gen true comment ″ RSACi North America Server ″
for ″
on ″ 2001.08.16T08:15 0500 ″
r n 0 s 0 v 0 l 0 ′ 〉
6、控制頁面緩衝
也就是說 , meta 標籤可以設置網頁到期的時間 . 當你 Internet Explorer 瀏覽器中設置瀏覽網頁時首先檢查外地緩衝裏的頁面 , 那麼當瀏覽某一網頁 , 而外地緩衝又有時 , 那麼瀏覽器會自動瀏覽緩衝區裏的頁面 , 直到 meta 中設置的時間到期 , 這時候 , 瀏覽器纔會去取得新頁面。例如下面這段代碼就表示網頁的期時間是 2001 年 1 月 12 日 18 時 18 分 18 秒。
12-Jan-2001 18:18:18 GMT ″ 〉 meta http-equiv= ″ expir ″ content= ″ Friday.>
7、控制網頁顯示的窗口