對于HTML中rel屬性的區分
發表時間:2023-09-07 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這篇文章主要介紹了HTML中rel屬性分析,需要的朋友可以參考下由于發現有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,后來發現w3cschools.com.cn已經有了對照的中文譯文,所以這里我就繼續完善下這篇文章吧,讓它顯得更有價值點。最初想到翻譯這篇文檔源于http:/...
這篇文章主要介紹了HTML中rel屬性分析,需要的朋友可以參考下
由于發現有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,后來發現w3cschools.com.cn已經有了對照的中文譯文,所以這里我就繼續完善下這篇文章吧,讓它顯得更有價值點。最初想到翻譯這篇文檔源于http://vanessa.b3log.org/research-a-rel-value這篇文章,發現rel屬性擁有非常多不常見的語義化值,原文著重是想列舉這些屬性值的使用場景,覺得非常有必要通過這樣的方式來了解rel屬性。
示例
帶有rel屬性的連接:
<a rel="external" href="http://www.xxoo.com/">ooxx</a>
瀏覽器支持





rel屬性在所有主流瀏覽器都得到了支持
注:瀏覽器渲染時會忽略此屬性,然而搜索引擎可以從它獲得更多的信息(a標簽僅在href屬性存在時有效)。
定義和使用
rel屬性指定了當前文檔和被連接文檔之間的關系
語法
<a rel="value">
HTML 4.01 與 HTML 5 之間的差異
已刪除的值:appendix, chapter, contents, copyright, glossary,index, section, start, subsection。
新的值:archives, author, bookmark, external, first,index, last, license, nofollow, noreferrer, search, sidebar, tag,up。
屬性值
值 | 描述 | 場景 示例 | HTML4.01 | HTML5 |
---|
appendix | 鏈接到文檔的附錄頁 | | | |
alternate | 鏈接到一個備選的源(比如:打印頁, 譯本和鏡像) | head標簽內配置網站的atom,feed | | |
shortcut icon | 快捷方式 小圖標 | 指定標題欄,地址欄,收藏欄小圖標 | | |
archives | 鏈接到文檔集或歷史數據 | <link rel='archives' href='http://www.ooxx.com/2012/07' /> | | |
author | 鏈接到文檔的作者 | head標簽內申明文檔作者 | | |
canonical | 權威,典范 | 讓搜索引擎知道當前網站中的重復或相似網頁中,哪一個頁面才是站長想讓其抓取與收錄的 <link rel="canonical" href="http://xxoo.com/" />
canonical屬性值通常在,rel屬性中出現 引用網址:http://www.xxoo.com/xhtml/rel_canonical/ canonical從功能上來講,可理解為301永久重定向的輔助功能 canonical可以與相對鏈接或絕對鏈接一起使用,但是建議使用絕對鏈接 Google對canonical的定義是:規范網頁是一組內容高度相似的網頁的首選版本 canonical:中文"典范"的意思
| | |
stylesheet | 文檔的外聯樣式表 | <link rel="stylesheet" href="base.css"> | | |
home | 連接到站點的主頁 | <link href="http://www.ooxx.com" rel="home" /> | | |
first | 鏈接到集合中的首個文檔 | <link rel="first" href="index.html"> | | |
start | 鏈接到當前文檔的第一頁 | <link rel="start" href="about:blank"> | | |
next | 鏈接到集合中的下一個文檔 | <link rel="next" href="about:blank"> | | |
prev | 鏈接到集合中的前一個文檔 | <link rel="chapter" href="about:blank"> | | |
last | 鏈接到集合中最后的文檔 | <link rel="last" href="index.html"> | | |
up | 提供指向一個文檔的鏈接。該文檔提供當前文檔的上下文關系 | | | |
search | 鏈接到文檔的搜索工具 | | | |
sidebar | 鏈接到應該在瀏覽器邊欄中顯示的文檔 | | | |
contents | 鏈接到當前文檔的內容目錄 | 一般放在文檔主內容的側欄,方便在當前頁面各主題之間跳轉 | | |
index | 鏈接到當前文檔的索引 | | | |
glossary | 鏈接到當前文檔術語表 | | | |
copyright | 鏈接到當前文檔的版權或隱私頁面 | 網站底部版權 | | |
chapter | 從當前文檔鏈接到一個章節 | | | |
section | 鏈接到文檔列表中的一個小節 | | | |
subsection | 鏈接到當前文檔列表中的子小節。(一個小節可擁有多個子小節。) | | | |
head | 鏈接到集合中的頂級文檔 | | | |
toc | 鏈接到集合的目錄 | | | |
parent | 鏈接到源上面的文檔 | | | |
child | 鏈接到源下面的文檔 | | | |
help | 鏈接到幫助文檔 | <link rel="help" href="http://www.xxoo.net/help.html" /> | | |
bookmark | 用作書簽的永久 URL | 列表標題 | | |
external | 鏈接到外部文檔 | 文章中引用到的外部連接 | | |
nofollow | 鏈接到未認可的文檔,比如付費鏈接 Google 使用 "nofollow" 來規定其搜索蜘蛛不跟蹤該鏈接 | 站內相關文章,站內隨機文章,評論回復,列表及文章頁面中的評論、瀏覽和作者鏈接,側邊欄的評論地址,首頁導航中的“首頁”鏈接,評論最多文章,訪問最多文章 | | |
noreferrer | 規定當用戶跟隨該超鏈接時,瀏覽器不應發送 HTTP referer 頭 | | | |
license | 鏈接到文檔的版權信息 | | | |
tag | 當前文檔標簽(關鍵詞) | 側邊欄中的標簽云,文章中的標簽,列表中的標簽,標簽頁面的標簽 | | |
friend | 贊助 | 友情鏈接,底部的 themes by | | |
由于本人水平有限,難免存在一些錯誤,看官們如果覺得有不妥或者需要補充的地方,請留言指出,謝謝!
以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網!
相關推薦:
去掉HTML中Inline-Block的空白的方法
html頁面中meta的作用以及頁面的緩存與不緩存設置的解析
以上就是關于HTML中rel屬性的分析的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。