對(duì)于剛剛開始學(xué)習(xí)HTML的新手而言,了解網(wǎng)頁(yè)頭部代碼是非常必要的。

以下所有代碼全是在<head>...</head>之間,具體內(nèi)容有:

1.<title>…</title>

標(biāo)題元素,幫助用戶更好識(shí)別文件,有且只有一個(gè)。當(dāng)作為首頁(yè)或收藏時(shí)做文件名。

2.<link>…</link>

顯示本文檔和其它文檔之間的關(guān)系:<link rel=“stylesheet” href=“s.css”> 和外部樣式表的連接。

rel說(shuō)明html文件和url兩文檔之間的關(guān)系,href說(shuō)明文檔名。

3.<style>…</style>

可以在文檔中包含風(fēng)格頁(yè)。文檔本身的內(nèi)部樣式。

4.<base>…</base>

為相對(duì)路徑定義絕對(duì)路徑url,讀者下載你的文檔后,也可知道從哪下的

url格式:通信協(xié)議://主機(jī)名/路徑/文件名

5.<script>…</script>

用于包含腳本(一系列腳本語(yǔ)言寫的命令)可以是 Javascript 或 VbScript。

6.<meta>…</meta>

meta是用來(lái)在HTML文檔中模擬HTTP協(xié)議的響應(yīng)頭報(bào)文。

meta標(biāo)簽的常見功能:

1.幫助主頁(yè)被各大搜索引擎登錄;

2.定義頁(yè)面的使用語(yǔ)言;

3.自動(dòng)刷新并指向新的頁(yè)面;

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

5.網(wǎng)頁(yè)定級(jí)評(píng)價(jià);

6.控制頁(yè)面緩沖;

7.控制網(wǎng)頁(yè)顯示的窗口。

meta 的屬性有兩種:name和http-equiv。

name屬性主要用于描述網(wǎng)頁(yè),對(duì)應(yīng)于content(網(wǎng)頁(yè)內(nèi)容),以便于搜索引擎機(jī)器人查找、分類(目前幾乎所有的搜索引擎都使用網(wǎng)上機(jī)器人自動(dòng)查找meta值來(lái)給網(wǎng)頁(yè)分類)。這其中最重要的是description(站點(diǎn)在搜索引擎上的描述)和keywords(分類關(guān)鍵詞),所以應(yīng)該給每頁(yè)加一個(gè)meta值。

name 屬性

1.<meta name="Generator" contect="editplus">用以說(shuō)明生成工具(如Microsoft FrontPage 4.0)等;

2.<meta name="KEYWords" contect="webjx,cnrose">向搜索引擎說(shuō)明你的網(wǎng)頁(yè)的關(guān)鍵詞;

3.<meta name="Description" contect="webjx's blog">告訴搜索引擎你的站點(diǎn)的主要內(nèi)容;

4.<meta name="Author" contect="webjx">告訴搜索引擎你的站點(diǎn)的制作的作者;

5.<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">

name屬性:

設(shè)定為all:文件將被檢索,且頁(yè)面上的鏈接可以被查詢;

設(shè)定為none:文件將不被檢索,且頁(yè)面上的鏈接不可以被查詢;

設(shè)定為index:文件將被檢索;

設(shè)定為follow:頁(yè)面上的鏈接可以被查詢;

設(shè)定為noindex:文件將不被檢索,但頁(yè)面上的鏈接可以被查詢;

設(shè)定為nofollow:文件將不被檢索,頁(yè)面上的鏈接可以被查詢。

http-equiv屬性:

1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">和 <meta http-equiv="Content-Language" contect="zh-CN">用以說(shuō)明主頁(yè)制作所使用的文字以及語(yǔ)言;又如英文是ISO-8859-1字符集,還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

2.<meta http-equiv="Refresh" content="n; url=http://yourlink"> 定時(shí)讓網(wǎng)頁(yè)在指定的時(shí)間n秒內(nèi),跳轉(zhuǎn)到頁(yè)面http;//yourlink;

3.<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間,一旦過(guò)期則必須到服務(wù)器上重新調(diào)用。需要注意的是必須使用GMT時(shí)間格式;

4.<meta http-equiv="Pragma" contect="no-cache">是用于設(shè)定禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容,設(shè)定后一旦離開網(wǎng)頁(yè)就無(wú)法從Cache中再調(diào)出;

5.<meta http-equiv="set-cookie" contect="Mon,12 May 2004 00:20:00 GMT">cookie設(shè)定,如果網(wǎng)頁(yè)過(guò)期,存盤的cookie將被刪除。需要注意的也是必須使用GMT時(shí)間格式;

6.<meta http-equiv="Pics-label" contect="">網(wǎng)頁(yè)等級(jí)評(píng)定,在IE的internet選項(xiàng)中有一項(xiàng)內(nèi)容設(shè)置,可以防止瀏覽一些受限制的網(wǎng)站,而網(wǎng)站的限制級(jí)別就是通過(guò)meta屬性來(lái)設(shè)置的;

7.<meta http-equiv="windows-Target" contect="_top">強(qiáng)制頁(yè)面在當(dāng)前窗口中以獨(dú)立頁(yè)面顯示,可以防止自己的網(wǎng)頁(yè)被別人當(dāng)作一個(gè)frame頁(yè)調(diào)用;

8.<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設(shè)定進(jìn)入和離開頁(yè)面時(shí)的特殊效果,這個(gè)功能即FrontPage中的“格式/網(wǎng)頁(yè)過(guò)渡”,不過(guò)所加的頁(yè)面不能夠是一個(gè)frame頁(yè)面。

Duration的值為網(wǎng)頁(yè)動(dòng)態(tài)過(guò)渡的時(shí)間,單位為秒。

Transition是過(guò)渡方式,它的值為0到23,分別對(duì)應(yīng)24種過(guò)渡方式。如下表:

0:盒狀收縮;1:盒狀放射;2:圓形收縮;3:圓形放射;4:由下往上;5:由上往下;6:從左至右;7:從右至左;8:垂直百葉窗;9:水平百葉窗;10:水平格狀百葉窗;11:垂直格狀百葉窗;12:隨意溶解;13:從左右兩端向中間展開;14:從中間向左右兩端展開;15:從上下兩端向中間展開;16:從中間向上下兩端展開;17:從右上角向左下角展開;18:從右下角向左上角展開;19:從左上角向右下角展開;20:從左下角向右上角展開;21:水平線狀展開;22:垂直線狀展開;23:隨機(jī)產(chǎn)生一種過(guò)渡方式。

標(biāo)簽:

相關(guān)文章

隨機(jī)推薦