HTML 中的rel 用法

2022-02-02 23:27:51 字數 1180 閱讀 7335

我們就來認識一下rel。其實不只有乙個

rel還有乙個與之對應的屬性叫

rev,這兩個屬性的意思分別是:從源文件到目標文件的關係;從目標文件到源文件的關係。這裡的源文件可以理解為鏈結所處在的當前文件,而目標文件也就是這個鏈結將要開啟的文件。這下我們應該清楚了,其實rel與rev是一種文件之前的鏈結關係,而並非是與瀏覽器相關的如何顯示目標文件的屬性。那麼rel與rev有哪些關係呢?下面將一一列取並解釋其中的含義:

next,鏈結到下乙個文件;

prev,鏈結到前乙個文件;

* p1 g0 v6 k$ t% n$ i* c

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

! a! [7 f0 r$ ]

toc,鏈結到集合的目錄;

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

5 n2 j  g0 v" a" y: g

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

! u' r# r  h2 w' i; {  ?, r

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

# y1 m- r2 d# c' g& u0 e

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

( u. i4 r7 b/ n' q

其中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只是用來使得網頁的語義性更為完善。

HTML 標籤的 rel 屬性

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

標籤中的rel屬性的含義

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

HTML中UL OL LI的用法

ul unordered lists ol ordered lists li lists ol 有序列表。表現為 1 2 3 ul 無序列表,表現為li前面是大圓點而不是123 很多人容易忽略 dl dt dd的用法 dl 內容塊 dt 內容塊的標題 dd 內容 可以這麼寫 標題內容1 內容2dt ...