二、鏈接的相關(guān)屬性

　　●關(guān)于target屬性
　　在鏈接中，target屬性最讓人費(fèi)解。
　　target屬性表示鏈接在哪個(gè)游覽器窗口打開。其取值有以下幾種情況：

　　1._self：如$#@60;a href=″…″ target=″_self″$#@62;
　　該屬性值表示在當(dāng)前窗口打開所鏈接的文件，如果你不對(duì)這個(gè)屬性值進(jìn)行設(shè)置的話，則默認(rèn)為該值。

　　2._blank
　　如果你想將所鏈接的文件在新開的窗口打開，就取該值。

　　3._parent
　　在講這個(gè)屬性之前，我們先要了解一下多幀結(jié)構(gòu)與浮動(dòng)幀。
　　多幀結(jié)構(gòu)其實(shí)就是多個(gè)HTML在同一個(gè)瀏覽器窗口中同時(shí)顯示，并將其分為多個(gè)小窗口，一個(gè)幀就是一個(gè)HTML顯示區(qū)。這樣，這些當(dāng)前瀏覽器窗口就叫做這些子窗口的“父(parent)窗口”。在多幀結(jié)構(gòu)設(shè)置時(shí)，每個(gè)幀有自己的名稱，如:
　　$#@60;frameset rows=″80,＊″ cols=″＊″ frameborder=″NO″ border=″0″ framespacing=″0″$#@62;
　　$#@60;frame name=″top″ scrolling=″NO″ src=″…″$#@62;
　　$#@60;frameset cols=″80,＊″ frameborder=″NO″ border=″0″ framespacing=″0″$#@62;
　　$#@60;frame name=″left″ noresize scrolling=″NO″ src=″….″$#@62;
　　$#@60;frame name=″main″ src=″….″$#@62;
　　$#@60;/frameset$#@62;
　　$#@60;/frameset$#@62;
　　在這個(gè)多幀結(jié)構(gòu)中，幀名top、left、main代表著三個(gè)小窗口，parent即為當(dāng)前多幀結(jié)構(gòu)的父窗口。
　　而標(biāo)記iframe所表示浮動(dòng)幀的效果就如我們所說(shuō)的畫中畫電視，它實(shí)際就是在當(dāng)前窗口中內(nèi)嵌一個(gè)HTML頁(yè)面，而不像多幀結(jié)構(gòu)一樣，幀間內(nèi)容相互分隔。這個(gè)內(nèi)嵌頁(yè)面所在的瀏覽器窗口就是它的parent，如HTML文件example.htm中有如下代碼：
　　$#@60;p$#@62;以下是一個(gè)內(nèi)嵌幀示例$#@60;/p$#@62;。
　　$#@60;iframe src=″index.htm″ name=″child$#@62; $#@60;/iframe$#@62;
　　這樣，名為child的HTML頁(yè)面內(nèi)嵌在主頁(yè)example.htm中，它的parent就是當(dāng)前瀏覽器窗口。
　　由此，不難明白了，target屬性的_parent取值即表示鏈接文件在其父窗口中打開。

　　4._top
　　此屬性值意義與_parent類同。

　　5.特定窗體名，如target=″main″
　　了解了上述的多幀結(jié)構(gòu)以后，我們知道，每個(gè)幀可以有自己的幀名即name屬性，所以，我們可以指定鏈接的文件? 定名稱的幀里打開。如target=″main″表示標(biāo)記$#@60;a$#@62;所指向的文件在幀main里打開。
　　如果喜歡閱讀人民日?qǐng)?bào)網(wǎng)絡(luò)版的朋友細(xì)心的話，可以發(fā)現(xiàn)，target的取值是各不相同的名稱，如數(shù)字等，并且又不是在多幀結(jié)構(gòu)里，為什么要設(shè)置target呢？有興趣的話，請(qǐng)你不妨試幾個(gè)例子效果有什么不同:
　　$#@60;a href=″1.htm″ target=″win″$#@62;….$#@60;/a$#@62;
　　$#@60;a href=″2.htm″ target=″win″$#@62;….$#@60;/a$#@62;
　　另外試一下
　　$#@60;a href=″1.htm″ target=″win1″$#@62;….$#@60;/a$#@62;
　　$#@60;a href=″2.htm″ target=″win2″$#@62;….$#@60;/a$#@62;
　　怎么樣？前一個(gè)例子中，兩個(gè)鏈接都是在同一個(gè)新開的窗口中打開，而后一例子則打開兩個(gè)新窗口。說(shuō)明了什么？特定的窗口名代表著新打開的瀏覽器窗口，所以，如果幾個(gè)鏈接的target屬性值都為特定的窗口名，那么就表示這些鏈接都在這個(gè)窗口中打開，不另開窗口。這樣，就可很好地解決令人厭煩的點(diǎn)擊鏈接，不停地新彈窗口占用系統(tǒng)資源的情況。
　　就筆者自己的經(jīng)驗(yàn)來(lái)說(shuō)，設(shè)定target值還另有妙用，請(qǐng)大家試一下:
　　$#@60;a href=″1.htm″ target=″1234″$#@62;….$#@60;/a$#@62;
　　與
　　$#@60;a href=″1.htm″ target=″_blank″$#@62;….$#@60;/a$#@62;
　　并且1.htm中有一鏈接是關(guān)閉窗口的:
　　$#@60;a href=″&#106avascript:window.close()″$#@62;關(guān)閉本窗口$#@60;/a$#@62; //注：window.close()是調(diào)用window對(duì)象的close方法關(guān)閉本窗口。
　　結(jié)果是在你點(diǎn)擊“關(guān)閉本窗口”時(shí)，在第二個(gè)例子中是不是出現(xiàn)“你查看的頁(yè)正在試圖關(guān)閉窗口，是否關(guān)閉本窗口？”的提示?而第一個(gè)例子則不會(huì)。

　　●給鏈接加上注釋
　　這在平時(shí)使用中很常見，比如當(dāng)前鏈接字比較多時(shí)，只截取其中的一部分，而當(dāng)你的鼠標(biāo)移動(dòng)到鏈接字上時(shí)，就會(huì)出現(xiàn)一個(gè)小黃條提示，將所有的鏈接字顯示出來(lái)。實(shí)際上利用鏈接的title屬性即可實(shí)現(xiàn)。定義格式為：
　　$#@60;a href=″…″ title=″……″$#@62;..$#@60;/a$#@62;
　　如:$#@60;a href=http://homepage.yeksy.com/ title=″網(wǎng)頁(yè)陶吧，國(guó)內(nèi)最cool的主頁(yè)教學(xué)站點(diǎn)″$#@62;網(wǎng)頁(yè)陶吧$#@60;/a$#@62;。

三、鏈接的另幾種特殊情況
　　●鏈接地址形式為URL?para1=expr1＆para2=expr2…
　　這種情況多用在運(yùn)行服務(wù)器端CGI或腳本程序(即URL所指的程序)時(shí)，需要將一些參數(shù)取值傳給程序，程序再將這些參數(shù)如para1、para2等的值分解出來(lái)，這樣可從客戶端獲得信息，實(shí)現(xiàn)動(dòng)態(tài)交互功能，并能根據(jù)這些取值生成相應(yīng)的頁(yè)面，而不是我們所看到的呆板的靜態(tài)頁(yè)面。

　　●關(guān)于點(diǎn)擊鏈接下載
　　朋友對(duì)點(diǎn)擊鏈接下載文件等肯定不會(huì)陌生，實(shí)際上，對(duì)于鏈接的文件，如ZIP以及用戶端無(wú)法識(shí)別的文件,都會(huì)提示用戶下載。所以，與一般的鏈接沒(méi)有區(qū)別，另外，有一點(diǎn)要申明的是，鏈接文件不一定都要是HTML文件。
　　如:$#@60;a href=″http://netschool.cpcw.com/homepage/cgi/cgi.zip″$#@62;點(diǎn)擊此下載$#@60;/a$#@62;
　　一些朋友常問(wèn)點(diǎn)擊鏈接聽MP3音樂(lè)或看flash動(dòng)畫是怎么回事，實(shí)際也是將鏈接直接鏈接到這些文件，當(dāng)只有你自己的機(jī)器上安裝了相應(yīng)的軟件或控件時(shí)才不會(huì)提示下載而直接打開這些文件。

　　●鏈接為腳本語(yǔ)言語(yǔ)句
　　這種應(yīng)用相信到過(guò)Yesky舊版網(wǎng)頁(yè)陶吧的朋友很熟悉的，首頁(yè)上的鏈接都為:
　　&#106avascript:openHTML(….) 形式。
　　鏈接可以是腳本程序，其定義格式為:
　　腳本語(yǔ)言類型:程序語(yǔ)句;程序語(yǔ)句…
　　其中腳本語(yǔ)言類型不外乎兩種:&#106avascript與vbscript
　　其中程序語(yǔ)句包括單語(yǔ)句或函數(shù)引用。
　　如網(wǎng)頁(yè)陶吧的例子:
　　下面定義一個(gè)函數(shù)，用來(lái)將鏈接的HTML文件在新瀏覽器窗口打開：
　　$#@60;script language=″&#106avascript″$#@62;
　　function openHTML(url)
　　{
　　var hWnd=window.open(url,″″,″toolbar=yes,scrollbars=yes,menubar=yes,width=690,height=480,left=20,top=5,status=yes″)
　　}
　　$#@60;/script$#@62;
　　而在鏈接要引用這個(gè)函數(shù)時(shí)，可以寫成
　　$#@60;a href=″&#106avascript:openHTML(′http://www.yesky.com′)″$#@62;到天極網(wǎng)$#@60;/a$#@62;
　　這樣，點(diǎn)擊時(shí)就會(huì)執(zhí)行相應(yīng)的腳本程序。

　　●鏈接為郵件
　　鏈接也可以是一個(gè)郵件，當(dāng)點(diǎn)擊鏈接時(shí)，自動(dòng)打開你在瀏覽器中設(shè)置的收發(fā)郵件軟件，其鏈接形式為:
　　$#@60;a href=″mailto:郵箱?subject=郵件主題″$#@62;..$#@60;/a$#@62;
　　mailto:收信人郵箱；subject：郵件主題，可略。
　　如$#@60;a href=″mailto:hero@cpcw.com?subject=談一下主頁(yè)制作″$#@62;與主持人聯(lián)系$#@60;/a$#@62;
　　對(duì)于鏈接相關(guān)的知識(shí)我們就講到此，另外，在DHTML對(duì)象模型中，鏈接對(duì)象及對(duì)象集也是腳本語(yǔ)言編程中經(jīng)常觸及的，大家可到天極網(wǎng)頁(yè)陶吧(homepage.yesky.com)學(xué)習(xí)相關(guān)知識(shí)。

對(duì)于鏈接在HTML中的寫法，在這里就不用詳述了，大家可以在許多初級(jí)教程中找到這方面的介紹。我們著重介紹以下幾個(gè)方面：

　　一、鏈接的種類
　　鏈接有兩種，一種是不同頁(yè)面間的鏈接，這種最常見。另外一種則是頁(yè)內(nèi)鏈接，我們一般稱為頁(yè)內(nèi)錨(achor)鏈。
　　頁(yè)面之間的鏈接是用URL(United Resource Location:統(tǒng)一資源定位符)來(lái)表示，如果是同一個(gè)站點(diǎn)之間頁(yè)面的鏈接，則可直接根據(jù)目錄之間的關(guān)系來(lái)表達(dá)這種鏈接，而不必用“http://…”這樣的形式。如在content目錄下有一個(gè)HTML文件的鏈接鏈接到該站點(diǎn)與content目錄同級(jí)的目錄chat下的index.htm文件，鏈接則直接表示為:../chat/index.htm。如果你學(xué)過(guò)DOS命令諸如目錄操作命令的話，相信對(duì)這種表示方法不會(huì)陌生，只不過(guò)是將“\”變?yōu)椤?”。
　　而對(duì)于頁(yè)內(nèi)錨鏈，有些朋友可能會(huì)疑惑了，什么叫做頁(yè)內(nèi)錨鏈，有什么用呢？對(duì)此，我們以一個(gè)很實(shí)際的例子來(lái)看一看其用處：
　　如果一篇文章很長(zhǎng)，并分為幾個(gè)部分，文章前面一般都列有該文章的各要點(diǎn)，如果我們因要擇其中一部分閱讀而不停地拉動(dòng)滾動(dòng)條是不是費(fèi)時(shí)而費(fèi)神呢？頁(yè)面錨鏈可以讓你很方便地點(diǎn)擊要點(diǎn)鏈接，從而直接閱讀到該部分內(nèi)容。

　　●定義“錨”
　　要用頁(yè)內(nèi)錨鏈，首先要定義這些所謂的“錨”，即用符號(hào)來(lái)標(biāo)識(shí)文件中某部分的位置。這要用到HTML標(biāo)記中一個(gè)很常見而又重要的屬性:id(Identification：標(biāo)識(shí)符)。用id可以來(lái)指代所屬標(biāo)記的HTML內(nèi)容。其定義形式如下：
　　$#@60;Tag id=″…″$#@62;HTML內(nèi)容$#@60;/Tag$#@62;
　　如 $#@60;p id=″content″$#@62;………$#@60;/p$#@62;
　　這樣，id content就表示了一個(gè)段落。
　　在同一HTML文件中，除了特殊用途外，id最好是唯一的。不然，錨鏈只會(huì)連接到第一個(gè)id所標(biāo)識(shí)的內(nèi)容。

　　●加錨鏈
　　定義好“錨”以后，將鏈接指向錨位置的鏈接形式如下:
　　$#@60;a href=″＃id″$#@62;….$#@60;/a$#@62;,即以＃再加上id格式。
　　如:
　　$#@60;a href=″＃chapter1″$#@62;第一章$#@60;/a$#@62;
　　$#@60;a hr ″＃chapter2″$#@62;第二章$#@60;/a$#@62;
　　$#@60;a href=″＃chapter3″$#@62;第三章$#@60;/a$#@62;
　　…………..
　　$#@60;P id=″chapter1″$#@62;
　　…第一章內(nèi)容..
　　$#@60;/P$#@62;
　　$#@60;P id=″chapter2″$#@62;
　　…第二章內(nèi)容..
　　$#@60;/P$#@62;
　　$#@60;P id=″chapter3″$#@62;
　　…第三章內(nèi)容..
　　$#@60;/P$#@62;

　　●引用不同頁(yè)面內(nèi)的“錨”
　　可能有些朋友要問(wèn)，以上加的錨鏈都是在同一個(gè)頁(yè)面之間的，如果是一個(gè)頁(yè)面中的錨鏈接到同站點(diǎn)或另一個(gè)網(wǎng)站的另一個(gè)頁(yè)面中的錨怎么辦？很簡(jiǎn)單,形式為:
　　$#@60;a href=″URL＃id″$#@62;….$#@60;/a$#@62;
　　如 $#@60;a href=″http://netschool.yesky.com/homepage/index.htm＃block1″$#@62;指向地址：http://netschool.yesky.com/homepage/index.htm文件的第一部分$#@60;/a$#@62;

　　二、鏈接的相關(guān)屬性
　　●用CSS樣式類改變鏈接外觀
　　在與網(wǎng)友們交流過(guò)程中，他們問(wèn)到的有關(guān)鏈接的問(wèn)題最多大概集中于：一些網(wǎng)站頁(yè)面當(dāng)鼠標(biāo)移動(dòng)時(shí)鏈接字會(huì)變顏色、字體、出現(xiàn)下劃線等，看起來(lái)很精彩，是怎么做的呢？要用到程序嗎？
　　答案：非也，鏈接的CSS可以解你之惑!
　　CSS（層疊樣式單）它主要是用來(lái)定義主頁(yè)內(nèi)容相關(guān)標(biāo)記的顯示風(fēng)格及排列等，可以針對(duì)不同的標(biāo)記定義不同的樣式類，并可以形成樣式表文件供整個(gè)網(wǎng)站的主頁(yè)文件調(diào)用，或者在某個(gè)主頁(yè)中單獨(dú)定義，這樣，可實(shí)現(xiàn)在網(wǎng)站風(fēng)格統(tǒng)一的前提下，而又各有變化，哲學(xué)中物質(zhì)的統(tǒng)一性與多樣性的對(duì)立統(tǒng)一之說(shuō)可謂一語(yǔ)中的。在天極網(wǎng)的網(wǎng)頁(yè)陶吧欄目(http://homepage.yesky.com)中有很多關(guān)于CSS的講述，這里不再贅述，單講鏈接的幾個(gè)重要的CSS屬性:
　　hover:當(dāng)鼠標(biāo)懸停在鏈接上方時(shí)
　　active:當(dāng)點(diǎn)擊鏈接時(shí)
　　visited：當(dāng)點(diǎn)擊鏈后
　　這樣就構(gòu)成點(diǎn)擊鏈接的全過(guò)程：移動(dòng)到鏈接上→點(diǎn)擊→點(diǎn)擊后，我們可以在樣式表中定義三個(gè)不同的階段鏈接的外觀，形式如下:
　　$#@60;style$#@62;
　　A{
　　…..
　　}
　　A:hover{
　　…..
　　}
　　A:active{
　　…..
　　}
　　A:visited{
　　…..
　　}
　　$#@60;/style$#@62;
　　上面，其中A{…}的定義表示鏈接在正常狀態(tài)下的顯示，這樣，我們就可以用不同的樣式表CSS類型來(lái)確定一個(gè)站點(diǎn)或特定頁(yè)面的鏈接顯示特性。
　　以下是一個(gè)例子:
　　A {
　　font－size : 9pt;font－weight : normal;font－style : normal;color: ＃0066CC;text－decoration : none;
　　}
　　A:Hover {
　　font－size : 9pt;
　　font－weight : normal;
　　font－style : normal;
　　color: ＃0066CC;
　　text－decoration : underline;
　　}
　　A:Active　{
　　font－size : 9pt;
　　font－weight : normal;
　　font－style : normal;
　　color:red;
　　text－decoration : none;
　　}
　　A:Visited {
　　font－size : 9pt;
　　font－weight : normal;
　　font－style : normal;
　　color: ＃0066CC;
　　text－decoration : none;
　　}
　　上面的例子中專門對(duì)鏈接標(biāo)記定義了相應(yīng)的樣式類，并對(duì)鏈接的幾種不同狀態(tài)對(duì)鏈接字的字體、顏色、修飾(如加下劃線)等也作了定義。
(未完待續(xù))