今天,使用各種所見即所得工具制作主頁已經(jīng)是一件非常容易的事情了。但是了解HTML源代碼和語法,無疑對我們制作主頁有更大的幫助,也可以使用戶能更精確地控制頁面的效果。介紹HTML語法的文章已經(jīng)很多,但是除了TITLE標(biāo)記外,HEAD里還有其他的幾個(gè)標(biāo)記。這些標(biāo)記雖然不常用,但是需要我們對他們有一定的了解。
一、META
META標(biāo)記用于描述不包含在標(biāo)準(zhǔn)HTML里的一些文檔信息。激烈的競爭使瀏覽器廠商紛紛利用META開發(fā)出許多實(shí)用的功能,又使這些功能在常用的瀏覽器中都有效。下面介紹幾個(gè)很有用的用法:
*<META NAME="keywords" C>
<META NAME="description" C>
本頁的關(guān)鍵字和描述。在頁面里加上這些定義后,一些搜索引擎就能夠讓讀者根據(jù)這些關(guān)鍵字查找到你的主頁,了解你的主頁內(nèi)容。
* <META HTTP-EQUIV="refresh" Cnew.htm">
瀏覽器將在60秒后,自動(dòng)轉(zhuǎn)向到new.htm。你可以利用這個(gè)功能,制作一個(gè)封面,在若干時(shí)間后,自動(dòng)帶讀者來到你的目錄頁。
如果URL項(xiàng)沒有,瀏覽器就是刷新本頁。這就實(shí)現(xiàn)了WWW聊天室定期刷新的特性。
* <META HTTP-EQUIV="content-type" C>
描述本頁使用的語言。瀏覽器根據(jù)此項(xiàng),就可以選擇正確的語言編碼,而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文,而臺灣BIG5內(nèi)碼的主頁則是用BIG5。
* <META HTTP-EQUIV=";Pragma" C>
強(qiáng)制性調(diào)用網(wǎng)上的最新版本。瀏覽器為了節(jié)約時(shí)間,在本地硬盤上保存一個(gè)網(wǎng)上文件的臨時(shí)版本。在你要重新調(diào)用時(shí),直接顯示硬盤上的文件,而不是網(wǎng)上的。如果你想讓讀者每次都看到最新的版本,就加上這句話。
二、LINK
顯示本文檔和其他文檔之間的連接關(guān)系。一個(gè)最有用的應(yīng)用就是外部層疊樣式表的定位。格式如下:
<LINK REL="stylesheet" HREF="style.css">
REL參數(shù)說明兩個(gè)文檔之間的關(guān)系,HREF說明目標(biāo)文檔名。
關(guān)于層疊樣式表,請參考其他文章。
三、BASE
BASE主要有兩種用處:
1、<BASE HREF="原始地址">
本文檔的原始地址。這樣,讀者下載你的文檔之后,也可以知道是從哪里下載的。
2、<BASE TARGET="目的框架名">
在一個(gè)框架(frame)頁中,如果要把某個(gè)框架的連接在另外一個(gè)框架顯示,例如,把menu框架中的連接顯示到content框架,就可以在menu框架中的頁面加上<BASE TARGET="content">,這樣,就沒有必要在menu頁面的所有連接的<a>標(biāo)記中添加target屬性了,除非這個(gè)連接不是在content框架中顯示。
四、BODY
BODY標(biāo)記有一些屬性,用于定義頁面內(nèi)的顯示效果。
ALINK、LINK、TEXT、VLINK
文字的顏色。
ALINK:當(dāng)前激活的連接的文字顏色。
LINK:連接的文字顏色。
TEXT:文字的顏色。
VLINK:參觀過的文字顏色。
注意:文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR:頁面的背景部分。
BACKGROUND:背景圖案,該圖案在頁面內(nèi)平鋪。背景圖案應(yīng)保持單一色調(diào),以保證頁面文字易于閱讀。
BGPROPERTIES:設(shè)置成FIXED,則背景圖案不滾動(dòng)。(只對INTERNET EXPLORER有效)
BGCOLOR:背景色。
注意:如果你的背景圖案是深色調(diào),因之文字顏色為淡顏色,那么由于瀏覽器調(diào)用頁面的順序是“背景色-文字-背景圖案”,那么在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應(yīng)該選用一個(gè)跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN:頁邊空白。(只對INTERNET EXPLORER有效)
LEFTMARGIN:左邊頁邊空白。
TOPMARGIN:頂端頁邊空白。
MARGINWIDTH、MARGINHEIGHT:頁邊空白。(只對NETSCAPE NAVIGATOR有效)
MARGINWIDTH:左右頁邊空白寬度
MARGINHEIGHT:上下頁邊空白高度
在這里,我們第一次碰到了INTERNET EXPLORER和NETSCAPE NAVIGATOR支持不同的標(biāo)記的情況。由于商業(yè)競爭的殘酷,作為兩家最大的瀏覽器軟件開發(fā)商,MICROSOFT和NETSCAPE都在擴(kuò)展HTML的功能,增加一些標(biāo)準(zhǔn)HTML沒有的標(biāo)記。由于互相保守商業(yè)機(jī)密,兩家發(fā)展的標(biāo)記不盡相同。值得慶幸的是,這兩種瀏覽器對于自己無法辨認(rèn)的標(biāo)記,不會(huì)報(bào)錯(cuò),只是簡單的忽略過去。這樣,我們把它們各自支持的標(biāo)記都加上,就可以達(dá)到一致的效果。就這個(gè)例子來說,如果我們想制作一個(gè)頁面,使用兩種瀏覽器來看,頁邊空白都是0,就可以這樣寫:
<BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
其他類似的情況也一樣,只要我們把它們都寫在一起一般就沒有問題了。