A和Link的rel屬性的詳細介紹

2021-06-02 08:54:26 字數 2552 閱讀 8023

在標籤中,「rel=stylesheet」,rel是關聯的意思,關聯的是乙個樣式表(stylesheet)文件,它表示這個link在文件初始化時將被使用。一般這裡是不需要改動的   

rel 和 rev 屬性可以同時在 標籤中使用。二者均描述了href所指定文件與當前頁面的關係.

rel (relationship) 屬性規定了從源文件到目標文件的關係。rev (reverse) 屬性規定了從目標文件到當前文件的反向關係。

瀏覽器可以使用它們改變錨內容的外觀,或者自動構建文件瀏覽選單。其他工具也可以使用這些屬性構建特殊的鏈結集合、目錄和索引等。

關於target="_blank"去留的問題在網上已經被反覆爭議很多次了。有的說要留,有的說要去掉。主張留的一方主要是考慮到target="_blank"的屬性目前來講還沒有乙個好的方式來解決,而主張去的一方則拿出了rel與js的解決方案。target="_blank"是否的存在是否有必要我想目前還有很多正處在一種盲區。我查閱了相關的文獻,發現其實情況並非是我們所想的那樣,事實上target="_blank"並非是不符合標準的,而用rel與js的解決方案也是沒有必要的,因為這是個誤區,只要我們了解了rel與target的真正含義我們就清楚了其實這裡本不應存在爭議。下面我將我通過查閱文獻所得到的知識與大家分享,我們先來了解一下target與rel的含義:

target ,允許指定在什麼位置顯示已經選擇的超連結內容。也就是說鏈結的內容將在什麼樣的視窗被顯示。target 的屬性值有四個保留的名稱,分別是:_blank,_self,_parent,_top。其中_blank的意思是瀏覽器總在乙個新開啟的、未命名的視窗中載入target="_blank"鏈結的文件。這裡大家也許會很不理解「未命名」是什麼意思。事實上target 是可以給新開啟的視窗賦乙個id,例如:target="name" 這就表明通過target="name"鏈結載入的文件將會在乙個叫"name"的視窗顯示。如果沒有id為"name"的視窗,那麼瀏覽器就會新建乙個名為"name"的視窗來顯示鏈結文件。如果當前視窗的id就是"name"那麼這個鏈結文件就會在當前的視窗中替換原有的內容顯示出來。而_self的意思其實就是當前文件,的預設目標就是_self,這個屬性值一般來說是用不到的。_parent是使鏈結文件在父級視窗顯示,這個屬性值只在框架結構中使用,如果身本就是頂級框架,那麼其作用與_self相同。_top同樣是應用在框架中的,但是他的效果是清除框架來顯示目標文件。這對於從框架結構轉向無框架結構是很有作用的。

現在我們知道了,target 是一目標顯示的屬性與瀏覽器密切相關的。那麼rel又是什麼呢, 為什麼很多人把他當作是target 的替代屬性呢?下面我們就來認識一下rel。其實不只有乙個rel還有乙個與之對應的屬性叫rev,這兩個屬性的意思分別是:從源文件到目標文件的關係;從目標文件到源文件的關係。這裡的源文件可以理解為鏈結所處在的當前文件,而目標文件也就是這個鏈結將要開啟的文件。這下我們應該清楚了,其實rel與rev是一種文件之前的鏈結關係,而並非是與瀏覽器相關的如何顯示目標文件的屬性。

那麼rel與rev有哪些關係呢?下面將一一列取並解釋其中的含義:

next,鏈結到下乙個文件;

prev,鏈結到前乙個文件;

head,鏈結到集合中的頂級文件;

toc,鏈結到集合的目錄;

parent,鏈結到源上面的文件;

child,鏈結到源下面的文件;

index,鏈結到此文件的索引;

glossary,鏈結到此文件的術語表;

其中next與prev是一組。表明了當前文件與目標文件之前的關係是同級的關係,可以寫成這樣

head與toc可以形成乙個組合,表示者是由目錄鏈結到最終的文件,或是由文件鏈結到目錄。parent與child是一組,表示著由當前的文件鏈結到父級文件或是子級文件。而index與glossary可以與head分別組合,形成由文件到索引,或是由索引到文件;文件到術語表或是術語表到文件。

也許這樣講可能還是不很清楚,下面舉個例子:我這裡整理了乙個電影文件資源,那麼我需要對這些資源進行分類,我把電影分成:武俠片、戰爭片、愛情片、恐怖片、紀錄片。那麼我在電影根目錄需要鏈結到下面的子類的時候那麼鏈結的關係應該是:rel=child rev=parent ,而如果當前是武俠片的頻道頁,我需要轉愛情片頻道或是其它頻道時,那麼鏈結關係就應該是:rel=next rev=prev,當我們由乙個武俠片鏈結到「臥虎藏龍」這部電影的文件時鏈結的關係應該是:rel=head rev=toc,當由「臥虎藏龍」鏈結到索引的時候鏈結關係又變成了:rel=index rev=head。

由於目前的css還不能抓取rel與rev的屬性值,所以沒有辦法給不同關係的鏈結提供不同的樣式,所以現在rel與rev只是用來使得網頁的語義性更為完善。

另:css樣式的rel屬性:

rel屬性用於定義連線的檔案和html文件之間的關係。rel=stylesheet指定乙個固定或首選的樣式而rel="alternate    stylesheet"定義乙個互動樣式。固定樣式在樣式表啟用時總被應用。

鏈結標籤a的rel屬性

超級鏈結標記代表乙個鏈結點,是英文anchor的簡寫。它的作用是把當前位置的文字或連線到其他的頁面、文字或影象,這已是眾所周知了,但關於它的語法結構可能有點鮮為人知,而要用活它則必須了解其語法結構。標記的基本語法結構是:    

執行對應的程式

開啟對應的文件進行加工

link中的rel和rev屬性

這兩個標記主要是用於表示文件之間的聯絡,rel是從源文件到目標文件的關係 rev是從目標文件到源文件的關係 rel,rev用來指定鏈結定義中哪一端是源端,哪一端是目的端,兩者的屬性都是描述鏈結的基本特徵,即鏈結型別。rel屬性,描述了當前頁面與href所指定文件的關係。rev屬性,描述了href所指...

HTML 標籤的 rel 屬性

html 標籤 在下面的例子中,rel 屬性指示被鏈結的文件是乙個樣式表 親自試一試 rel 屬性規定當前文件與被鏈結文件之間的關係。只有 rel 屬性的 stylesheet 值得到了所有瀏覽器的支援。其他值只得到了部分地支援。value 值 描述alternate 文件的替代版本 比如列印頁 翻...

標籤中的rel屬性的含義

rel與rev屬性相同,它們都是屬於linktypes屬性.rel 屬性 rel屬性,描述了當前頁面與href所指定文件的關係,rel是relationship 關係 的英文縮寫.rev 屬性 rev屬性,描述了href所指定文件與當前頁面的關係,rev是reverse link 反向鏈結 的英文縮...