??? 網頁頭部有兩個標簽titel和meta, title比較簡單,就是網頁標題,meta的內容還是蠻多了,為了自己今后能夠比較好的參考,我收集了些資料,也希望對大家有用。
一、meta標簽的組成
???? meta
標簽共有兩個屬性,它們分別是http-equiv屬性和name屬性,不同的屬性又有不同的參數值,這些不同的參數值就實現了不同的網頁功能。
1、
name
屬性
name
屬性主要用于描述網頁,與之對應的屬性值為content,content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。meat標簽的name屬性語法格式是:<meta name="參數" content="具體的參數值"> 。
????
其中name屬性主要有以下幾種參數:
???? A
、Keywords(關鍵字)
????
說明:keywords用來告訴搜索引擎你網頁的關鍵字是什么。
????
舉例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">
????? B
、description(網站內容描述)
????
說明:description用來告訴搜索引擎你的網站主要內容。
????
舉例:<meta name="description" content="This page is about the meaning of science, education,culture.">
???? C
、robots(機器人向導)
????
說明:robots用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
???? content
的參數有all,none,index,noindex,follow,nofollow。默認是all。
????
舉例:<meta name="robots" content="none">
???? D
、author(作者)
????
說明:標注網頁的作者
????
舉例:<meta name="author" content="***@yahoo.com.con">
??? 2
、http-equiv屬性
???? http-equiv
顧名思義,相當于http的文件頭作用,它可以向瀏覽器傳回一些有用的信息,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個參數的變量值。
???? meat
標簽的http-equiv屬性語法格式是:<meta http-equiv="參數" content="參數變量值"> ;其中http-equiv屬性主要有以下幾種參數:
???? A
、Expires(期限)
????
說明:可以用于設定網頁的到期時間。一旦網頁過期,必須到服務器上重新傳輸。
????
用法:<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
????
注意:必須使用GMT的時間格式。
???? B
、Pragma(cache模式)
????
說明:禁止瀏覽器從本地計算機的緩存中訪問頁面內容。
????
用法:<meta http-equiv="Pragma" content="no-cache">
????
注意:這樣設定,訪問者將無法脫機瀏覽。
???? C
、Refresh(刷新)
????
說明:自動刷新并指向新頁面。
????
用法:<meta http-equiv="Refresh" content="2;URL=http://phigo.bokee.com">
???
注意:其中的2是指停留2秒鐘后自動刷新到URL網址。
???? D
、Set-Cookie(cookie設定)
???
說明:如果網頁過期,那么存盤的cookie將被刪除。
????
用法:<meta http-equiv="Set-Cookie" content="cookievalue=xxx;?expires=Friday, 8-Aug -2008 18:18:18 GMT; path=/">
????
注意:必須使用GMT的時間格式。
???? E
、Window-target(顯示窗口的設定)
????
說明:強制頁面在當前窗口以獨立頁面顯示。
????
用法:<meta http-equiv="Window-target" content="_top">
????
注意:用來防止別人在框架里調用自己的頁面。
???? F
、content-Type(顯示字符集的設定)
????
說明:設定頁面使用的字符集。
????
用法:<meta http-equiv="content-Type" content="text/html; charset=gb2312">
G
、Page-Exit /Page-Enter(進入頁面、離開頁面動畫效果)
使用meta標簽,我們還可以在進入網頁或者離開網頁的一剎那實現動畫效果,我們只要在頁面的html代碼中的<head></head>標簽之間添加如下代碼就可以了:
<meta http-equiv="Page-Enter" content="revealTrans(duration=5, transition=23)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=5, transition=23)">
一旦上述代碼被加到一個網頁中后,我們再進出頁面時就會看到一些特殊效果,這個功能其實與FrontPage2000中的Format/Page Transition一樣,但我們要注意的是所加網頁不能是一個Frame頁;Duration的值為網頁動態過渡的時間,單位為秒。Transition是過渡方式,它的值為0到23,分別對應24種過渡方式。如下表:
0
盒狀收縮
|
1
盒狀放射
|
2
圓形收縮
|
3
圓形放射
|
4
由下往上
|
5
由上往下
|
6
從左至右
|
7
從右至左
|
8
垂直百葉窗
|
9
水平百葉窗
|
10
水平格狀百葉窗
|
11
垂直格狀百葉窗
|
12
隨意溶解
|
13
從左右兩端向中間展開
|
14
從中間向左右兩端展開
|
15
從上下兩端向中間展開
|
16
從中間向上下兩端展開
|
17
從右上角向左下角展開
|
18
從右下角向左上角展開
|
19
從左上角向右下角展開
|
20
從左下角向右上角展開
|
21
水平線狀展開
|
22
垂直線狀展開
|
23
隨機產生一種過渡方式
|
posted on 2006-08-23 10:11
保爾任 閱讀(269)
評論(0) 編輯 收藏