詳解鏈接的rel與target

日期：2013-12-16  來源：攀枝花惠康網絡公司

其中next與prev是一組。剖清楚明了當前文檔與方針文檔之前的關系是同級的關系，可以寫成這樣<a href=http://www.css88.com/archives/”movie_002.htm” rel=next rev=prev>。head與toc可以形成一個組合，暗示者是由目錄鏈接到最終的文檔，或是由文檔鏈接到目錄。parent與child是一組，暗示著由當前的文檔鏈接到父級文檔或是子級文檔。而index與glossary可以與head分袂組合，形成由文檔到索引，或是由索引到文檔；文檔到術語表或是術語表到文檔。

比來在做項目中，發現target=”new”，在new出來的頁面就不起浸染了，郁悶??！

target ，許可指定在侍趵砘置顯示已經選擇的超鏈接內容。也就是說鏈接的內容將在什么樣的窗口被顯示。target 的屬性值有四個保留的名稱，分袂是：_blank,_self,_parent,_top。其中_blank的意思是瀏覽器總在一個新打開的、未命名的窗口中載入target＝”_blank”鏈接的文檔。這里巨匠也許會很不理解“未命名”是什么意思。事實上target 是可以給新打開的窗口賦一個ID，例如：target=”name” 這就剖明經由過程target=”name”鏈接載入的文檔將會在一個叫”name”的窗口顯示。如不美觀沒有ID為”name”的窗口，那么瀏覽器就會新建一個名為”name”的窗口來顯示鏈接文檔。如不美觀當前窗口的ID就是”name”那么這個鏈接文檔就會在當前的窗口中替代原有的內容顯示出來。而_self的意思其實就是當前文檔，<a>的默認方針就是_self，這個屬性值一般來說是用不到的。_parent是使鏈接文凳ё仝父級窗口顯示，這個屬性值只在框架結構中使用，如不雅鑒賞本就是頂級框架，那么其浸染與_self不異。_top同樣是應用在框架中的，可是他的效不美觀是斷根框架來顯示方針文檔。這對于年夜框架結構轉向無框架結構是很有浸染的。

此刻我們知道了，target 是一方針顯示的屬性與瀏覽器慎密親密相關的。那么rel又是什么呢， 為什么良多人把他算作是target 的替代屬性呢？下面我們就來熟悉一下rel。其實不只有一個rel還有一個與之對應的屬性叫rev，這兩個屬性的意思分袂是：年夜源文檔到方針文檔的關系；細膩針文檔到源文檔的關系。這里的源文檔可以理解為鏈接所處在的當前文檔，而方針文檔也就是這個鏈接將要打開的文檔。這下我們應該清囂張了，其實rel與rev是一種文檔之前的鏈接關系，而并非是與瀏覽器相關的若何顯示方針文檔的屬性。

那么rel與rev有哪些關系呢？下面將一一列取并詮釋其中的寄義：

關于target=”_blank”去留的問題在網上已經被一再爭議良多次了。有的說要留，有的說要去失蹤。主張留的一方主若是考慮到target=”_blank”的屬性今朝來講還沒有一個好的體例來解決，而主張去的一方則拿出了rel與JS的解決方案。target=”_blank”是否的存在是否有需要我想今朝還有良多正處在一種盲區。我查閱了相關的文獻，發現其實情形并非是我們所想的那樣，事實上target=”_blank”并非是不合適尺度的，而用rel與JS的解決方案也是沒有需要的，因為這是個誤區，只要我們體味了rel與target的真正寄義我們就清囂張了其拭魅這里本不應存在爭議。下面我將我經由過程查閱文獻所獲得的常識與巨匠分享，我們先來體味一下target與rel的寄義：

next，鏈接到下矣閩文檔；
prev，鏈接到前一個文檔；
head，鏈接到集結中的頂級文檔；
toc，鏈接到集結的目錄；
Child，鏈接到源下面的文檔；
parent，鏈接到源膳縵沔的文檔；
index，鏈接到此文檔的索引；
glossary，鏈接到此文檔的術語表；

也許這樣講可能仍是不很清囂張，下面舉個例子：我這里清算了一個片子文檔資本，那么我需要對這些資本進行分類，我把片子分成：武俠片、戰爭片、戀愛片、恐怖片、記載片。那么我在片子根目錄需要鏈接到下面的子類的時辰那么鏈接的關系應該是：rel=child rev=parent ，而如不美觀當前是武俠片的頻道頁，我需要轉戀愛片頻道或是其它頻道時，那么鏈接關系就應該是：rel=next rev=prev，當我們由一個武俠片鏈接到“臥虎藏龍”這部片子的文檔時鏈接的關系應該是：rel=head rev=toc，當由“臥虎藏龍”鏈接到索引的時辰鏈接關系又釀成了：rel=index rev=head。

因為今朝的CSS還不能抓取rel與rev的屬性值，所以沒有法子給分歧關系的鏈接供給分歧的樣式，所以此刻rel與rev只是用來使得網頁的語義性更為完美。