天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

詳解鏈接的rel與target區(qū)別

target="_blank"是否的存在是否有必要我想目前還有很多正處在一種盲區(qū)。我查閱了相關的文獻,發(fā)現(xiàn)其實情況并非是我們所想的那樣,事實上target="_blank"并非是不符合標準的,而用rel與JS的解決方案也是沒有必要的,因為這是個誤區(qū),只要我們了解了rel與target的真正含義我們就清楚了其實這里本不應存在爭議。下面我將我通過查閱文獻所得到的知識與大家分享,我們先來了解一下target與rel的含義:

target ,允許指定在什么位置顯示已經(jīng)選擇的超鏈接內(nèi)容。也就是說鏈接的內(nèi)容將在什么樣的窗口被顯示。target 的屬性值有四個保留的名稱,分別是:_blank,_self,_parent,_top。其中_blank的意思是瀏覽器總在一個新打開的、未命名的窗口中載入target="_blank"鏈接的文檔。這里大家也許會很不理解“未命名”是什么意思。事實上target 是可以給新打開的窗口賦一個ID,例如:target="name" 這就表明通過target="name"鏈接載入的文檔將會在一個叫"name"的窗口顯示。如果沒有ID為"name"的窗口,那么瀏覽器就會新建一個名為"name"的窗口來顯示鏈接文檔。如果當前窗口的ID就是"name"那么這個鏈接文檔就會在當前的窗口中替換原有的內(nèi)容顯示出來。而_self的意思其實就是當前文檔,<a>的默認目標就是_self,這個屬性值一般來說是用不到的。_parent是使鏈接文檔在父級窗口顯示,這個屬性值只在框架結(jié)構(gòu)中使用,如果身本就是頂級框架,那么其作用與_self相同。_top同樣是應用在框架中的,但是他的效果是清除框架來顯示目標文檔。這對于從框架結(jié)構(gòu)轉(zhuǎn)向無框架結(jié)構(gòu)是很有作用的。

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

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

next,鏈接到下一個文檔;
prev,鏈接到前一個文檔;
head,鏈接到集合中的頂級文檔;
toc,鏈接到集合的目錄;
parent,鏈接到源上面的文檔;
Child,鏈接到源下面的文檔;
index,鏈接到此文檔的索引;
glossary,鏈接到此文檔的術(shù)語表;

其中next與prev是一組。表明了當前文檔與目標文檔之前的關系是同級的關系,可以寫成這樣<a href="movie_002.htm" rel=next rev=prev>。head與toc可以形成一個組合,表示者是由目錄鏈接到最終的文檔,或是由文檔鏈接到目錄。parent與child是一組,表示著由當前的文檔鏈接到父級文檔或是子級文檔。而index與glossary可以與head分別組合,形成由文檔到索引,或是由索引到文檔;文檔到術(shù)語表或是術(shù)語表到文檔。

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

由于目前的CSS還不能抓取rel與rev的屬性值,所以沒有辦法給不同關系的鏈接提供不同的樣式,所以現(xiàn)在rel與rev只是用來使得網(wǎng)頁的語義性更為完善。

HTML/CSS技術(shù)詳解鏈接的rel與target區(qū)別,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 亚婷婷洲AV久久蜜臀无码 | 欧美亚洲国产激情一区二区 | 丰满大爆乳波霸奶 | 伸到同桌奶罩里捏她胸h | 亚洲精品无码国产爽快A片 亚洲精品无码成人AAA片 | 月夜直播免费观看全集 | 国产精品久久久久婷婷五月色 | 娇妻被朋友玩得呻吟在线电影 | 出差无套内射小秘书 | 色呦呦导航 | 黑人巨大交牲老太 | 世界上第一个得抑郁症的人是谁 | 俄罗斯女人Z0ZOZO | 欧美精品色婷婷五月综合 | 美女大本营 | 娇喘嗯嗯 轻点啊视频福利 娇喘高潮教室h | 亚瑟天堂久久一区二区影院 | 国产成人精品电影 | 蜜桃TV成人网站免费打开 | 黑人操白逼 | 国产亚洲精品精品国产亚洲综合 | 久久久精品3d动漫一区二区三区 | 中国大陆一级毛片免费 | 国产一级毛片在线 | 蜜桃无码AV视频在线观看 | 男人插曲女人的叫声 | 北条麻妃夫の友人196 | 国产精品亚洲专区在线播放 | 日韩在线 无码 精品 | 亚洲成人免费观看 | 男生扒开美女尿口戳戳 | 绑着男军人的扒开内裤 | 香蕉人人超人人超碰超国产 | 色欲AV蜜臀AV在线观看麻豆 | 国产午夜精品自在自线之la | 午夜男人免费福利视频 | 草莓视频在线观看免费观看高清 | 亚洲日本va中文字幕久久 | 久久综合色超碰人人 | 青春草国产成人精品久久 | 精品国产乱码久久久久久乱码 |