DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML中rel屬性分析
HTML中rel屬性分析
編輯:HTML和Xhtml     

由於發現有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,後來發現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    

 

由於本人水平有限,難免存在一些錯誤,看官們如果覺得有不妥或者需要補充的地方,請留言指出,謝謝!

參考

http://www.w3schools.com/TAGS/att_a_rel.asp

http://vanessa.b3log.org/research-a-rel-value

http://www.w3school.com.cn/htmldom/prop_anchor_rel.asp

不得不提一下的rel-author 標簽

HTML rel canonical 屬性值

link標簽rel 屬性的含義

關於 rel="canonical"(google 網站站長工具)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved