ALink鏈接的rel、target屬性詳解_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
關(guān)于target="_blank"去留的問題在網(wǎng)上已經(jīng)被反復(fù)爭(zhēng)議很多次了。有的說要留,有的說要去掉。主張留的一方主要是考慮到target="_blank"的屬性目前來(lái)講還沒有一個(gè)好的方式來(lái)解決,而主張去的一方則拿出了rel與JS的解決方案。target="_blank"是否的存在是否有必要我想目前還有很多正處在一種盲區(qū)。我查閱了相關(guān)的文獻(xiàn),發(fā)現(xiàn)其實(shí)情況并非是我們所想的那樣,事實(shí)上target="_blank"并非是不符合標(biāo)準(zhǔn)的,而用rel與JS的解決方案也是沒有必要的,因?yàn)檫@是個(gè)誤區(qū),只要我們了解了rel與target的真正含義我們就清楚了其實(shí)這里本不應(yīng)存在爭(zhēng)議。下面我將我通過查閱文獻(xiàn)所得到的知識(shí)與大家分享,我們先來(lái)了解一下target與rel的含義:
target ,答應(yīng)指定在什么位置顯示已經(jīng)選擇的超鏈接內(nèi)容。也就是說鏈接的內(nèi)容將在什么樣的窗口被顯示。target 的屬性值有四個(gè)保留的名稱,分別是:_blank,_self,_parent,_top。其中_blank的意思是瀏覽器總在一個(gè)新打開的、未命名的窗口中載入target="_blank"鏈接的文檔。這里大家也許會(huì)很不理解“未命名”是什么意思。事實(shí)上target 是可以給新打開的窗口賦一個(gè)ID,例如:target="name" 這就表明通過target="name"鏈接載入的文檔將會(huì)在一個(gè)叫"name"的窗口顯示。假如沒有ID為"name"的窗口,那么瀏覽器就會(huì)新建一個(gè)名為"name"的窗口來(lái)顯示鏈接文檔。假如當(dāng)前窗口的ID就是"name"那么這個(gè)鏈接文檔就會(huì)在當(dāng)前的窗口中替換原有的內(nèi)容顯示出來(lái)。而_self的意思其實(shí)就是當(dāng)前文檔,<a>的默認(rèn)目標(biāo)就是_self,這個(gè)屬性值一般來(lái)說是用不到的。_parent是使鏈接文檔在父級(jí)窗口顯示,這個(gè)屬性值只在框架結(jié)構(gòu)中使用,假如身本就是頂級(jí)框架,那么其作用與_self相同。_top同樣是應(yīng)用在框架中的,但是他的效果是清除框架來(lái)顯示目標(biāo)文檔。這對(duì)于從框架結(jié)構(gòu)轉(zhuǎn)向無(wú)框架結(jié)構(gòu)是很有作用的。
現(xiàn)在我們知道了,target 是一目標(biāo)顯示的屬性與瀏覽器密切相關(guān)的。那么rel又是什么呢, 為什么很多人把他當(dāng)作是target 的替代屬性呢?下面我們就來(lái)熟悉一下rel。其實(shí)不只有一個(gè)rel還有一個(gè)與之對(duì)應(yīng)的屬性叫rev,這兩個(gè)屬性的意思分別是:從源文檔到目標(biāo)文檔的關(guān)系;從目標(biāo)文檔到源文檔的關(guān)系。這里的源文檔可以理解為鏈接所處在的當(dāng)前文檔,而目標(biāo)文檔也就是這個(gè)鏈接將要打開的文檔。這下我們應(yīng)該清楚了,其實(shí)rel與rev是一種文檔之前的鏈接關(guān)系,而并非是與瀏覽器相關(guān)的如何顯示目標(biāo)文檔的屬性。
那么rel與rev有哪些關(guān)系呢?下面將一一列取并解釋其中的含義:
其中next與prev是一組。表明了當(dāng)前文檔與目標(biāo)文檔之前的關(guān)系是同級(jí)的關(guān)系,可以寫成這樣
head與toc可以形成一個(gè)組合,表示者是由目錄鏈接到最終的文檔,或是由文檔鏈接到目錄。parent與child是一組,表示著由當(dāng)前的文檔鏈接到父級(jí)文檔或是子級(jí)文檔。而index與glossary可以與head分別組合,形成由文檔到索引,或是由索引到文檔;文檔到術(shù)語(yǔ)表或是術(shù)語(yǔ)表到文檔。
也許這樣講可能還是不很清楚,下面舉個(gè)例子:我這里整理了一個(gè)電影文檔資源,那么我需要對(duì)這些資源進(jìn)行分類,我把電影分成:武俠片、戰(zhàn)爭(zhēng)片、愛情片、恐怖片、紀(jì)錄片。那么我在電影根目錄需要鏈接到下面的子類的時(shí)候那么鏈接的關(guān)系應(yīng)該是:rel=child rev=parent ,而假如當(dāng)前是武俠片的頻道頁(yè),我需要轉(zhuǎn)愛情片頻道或是其它頻道時(shí),那么鏈接關(guān)系就應(yīng)該是:rel=next rev=prev,當(dāng)我們由一個(gè)武俠片鏈接到“臥虎藏龍”這部電影的文檔時(shí)鏈接的關(guān)系應(yīng)該是:rel=head rev=toc,當(dāng)由“臥虎藏龍”鏈接到索引的時(shí)候鏈接關(guān)系又變成了:rel=index rev=head。
由于目前的CSS還不能抓取rel與rev的屬性值,所以沒有辦法給不同關(guān)系的鏈接提供不同的樣式,所以現(xiàn)在rel與rev只是用來(lái)使得網(wǎng)頁(yè)的語(yǔ)義性更為完善。
target ,答應(yīng)指定在什么位置顯示已經(jīng)選擇的超鏈接內(nèi)容。也就是說鏈接的內(nèi)容將在什么樣的窗口被顯示。target 的屬性值有四個(gè)保留的名稱,分別是:_blank,_self,_parent,_top。其中_blank的意思是瀏覽器總在一個(gè)新打開的、未命名的窗口中載入target="_blank"鏈接的文檔。這里大家也許會(huì)很不理解“未命名”是什么意思。事實(shí)上target 是可以給新打開的窗口賦一個(gè)ID,例如:target="name" 這就表明通過target="name"鏈接載入的文檔將會(huì)在一個(gè)叫"name"的窗口顯示。假如沒有ID為"name"的窗口,那么瀏覽器就會(huì)新建一個(gè)名為"name"的窗口來(lái)顯示鏈接文檔。假如當(dāng)前窗口的ID就是"name"那么這個(gè)鏈接文檔就會(huì)在當(dāng)前的窗口中替換原有的內(nèi)容顯示出來(lái)。而_self的意思其實(shí)就是當(dāng)前文檔,<a>的默認(rèn)目標(biāo)就是_self,這個(gè)屬性值一般來(lái)說是用不到的。_parent是使鏈接文檔在父級(jí)窗口顯示,這個(gè)屬性值只在框架結(jié)構(gòu)中使用,假如身本就是頂級(jí)框架,那么其作用與_self相同。_top同樣是應(yīng)用在框架中的,但是他的效果是清除框架來(lái)顯示目標(biāo)文檔。這對(duì)于從框架結(jié)構(gòu)轉(zhuǎn)向無(wú)框架結(jié)構(gòu)是很有作用的。
現(xiàn)在我們知道了,target 是一目標(biāo)顯示的屬性與瀏覽器密切相關(guān)的。那么rel又是什么呢, 為什么很多人把他當(dāng)作是target 的替代屬性呢?下面我們就來(lái)熟悉一下rel。其實(shí)不只有一個(gè)rel還有一個(gè)與之對(duì)應(yīng)的屬性叫rev,這兩個(gè)屬性的意思分別是:從源文檔到目標(biāo)文檔的關(guān)系;從目標(biāo)文檔到源文檔的關(guān)系。這里的源文檔可以理解為鏈接所處在的當(dāng)前文檔,而目標(biāo)文檔也就是這個(gè)鏈接將要打開的文檔。這下我們應(yīng)該清楚了,其實(shí)rel與rev是一種文檔之前的鏈接關(guān)系,而并非是與瀏覽器相關(guān)的如何顯示目標(biāo)文檔的屬性。
那么rel與rev有哪些關(guān)系呢?下面將一一列取并解釋其中的含義:
示例代碼 [hl5o.cn]
next,鏈接到下一個(gè)文檔;
prev,鏈接到前一個(gè)文檔;
head,鏈接到集合中的頂級(jí)文檔;
toc,鏈接到集合的目錄;
parent,鏈接到源上面的文檔;
Child,鏈接到源下面的文檔;
index,鏈接到此文檔的索引;
glossary,鏈接到此文檔的術(shù)語(yǔ)表;
prev,鏈接到前一個(gè)文檔;
head,鏈接到集合中的頂級(jí)文檔;
toc,鏈接到集合的目錄;
parent,鏈接到源上面的文檔;
Child,鏈接到源下面的文檔;
index,鏈接到此文檔的索引;
glossary,鏈接到此文檔的術(shù)語(yǔ)表;
其中next與prev是一組。表明了當(dāng)前文檔與目標(biāo)文檔之前的關(guān)系是同級(jí)的關(guān)系,可以寫成這樣
示例代碼 [hl5o.cn]
<a href="movie_002.htm" rel=next rev=prev>
head與toc可以形成一個(gè)組合,表示者是由目錄鏈接到最終的文檔,或是由文檔鏈接到目錄。parent與child是一組,表示著由當(dāng)前的文檔鏈接到父級(jí)文檔或是子級(jí)文檔。而index與glossary可以與head分別組合,形成由文檔到索引,或是由索引到文檔;文檔到術(shù)語(yǔ)表或是術(shù)語(yǔ)表到文檔。
也許這樣講可能還是不很清楚,下面舉個(gè)例子:我這里整理了一個(gè)電影文檔資源,那么我需要對(duì)這些資源進(jìn)行分類,我把電影分成:武俠片、戰(zhàn)爭(zhēng)片、愛情片、恐怖片、紀(jì)錄片。那么我在電影根目錄需要鏈接到下面的子類的時(shí)候那么鏈接的關(guān)系應(yīng)該是:rel=child rev=parent ,而假如當(dāng)前是武俠片的頻道頁(yè),我需要轉(zhuǎn)愛情片頻道或是其它頻道時(shí),那么鏈接關(guān)系就應(yīng)該是:rel=next rev=prev,當(dāng)我們由一個(gè)武俠片鏈接到“臥虎藏龍”這部電影的文檔時(shí)鏈接的關(guān)系應(yīng)該是:rel=head rev=toc,當(dāng)由“臥虎藏龍”鏈接到索引的時(shí)候鏈接關(guān)系又變成了:rel=index rev=head。
由于目前的CSS還不能抓取rel與rev的屬性值,所以沒有辦法給不同關(guān)系的鏈接提供不同的樣式,所以現(xiàn)在rel與rev只是用來(lái)使得網(wǎng)頁(yè)的語(yǔ)義性更為完善。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
猜你也喜歡看這些
- CSS樣式表創(chuàng)建美妙絕倫的網(wǎng)站
- 非主流瀏覽器Nascape中CSS的顯示與IE的差別
- CSS定義網(wǎng)頁(yè)局部鏈接的技巧
- CSS教程:合理的減少標(biāo)簽的使用并適度的使用class與id
- CSS教程:浮動(dòng)元素對(duì)瀏覽器的支持
- CSS樣式表定義標(biāo)簽li前面樣式
- 解決IE6.0、IE5.0、IE5.5差異
- 應(yīng)用CSS的page-break-after屬性 實(shí)現(xiàn)WEB頁(yè)面強(qiáng)制分頁(yè)打印
- 關(guān)于同頁(yè)面多個(gè)id選擇符的釋義
- CSS教程:CSS樣式層疊順序
- 相關(guān)鏈接:
- 教程說明:
XHTML教程-ALink鏈接的rel、target屬性詳解
。