由于發現有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,后來發現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">
已刪除的值：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' /> | ||
| 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 | 文檔的外聯樣式表 |
學習交流
熱門圖片
猜你喜歡的新聞
新聞熱點  2019-10-23 09:17:05
 2019-10-21 09:20:02
 2019-10-21 09:00:12
 2019-09-26 08:57:12
 2019-09-25 08:46:36
 2019-09-25 08:15:43
疑難解答 圖片精選 |
