主頁 > 知識庫 > HTML中rel屬性分析

HTML中rel屬性分析

熱門標簽:華為收費站地圖標注 電話機器人宣傳片 騰訊植物園地圖標注 鄒城智能外呼系統(tǒng) 浦東新區(qū)百度地圖標注圖片 個貸電銷機器人 巫山縣地圖標注app 外呼智能系統(tǒng)報價 經綸電銷機器人

由于發(fā)現(xiàn)有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,后來發(fā)現(xiàn)w3cschools.com.cn已經有了對照的中文譯文,所以這里我就繼續(xù)完善下這篇文章吧,讓它顯得更有價值點。最初想到翻譯這篇文檔源于http://vanessa.b3log.org/research-a-rel-value這篇文章,發(fā)現(xiàn)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 鏈接到文檔集或歷史數(shù)據 <link rel='archives' />    
author 鏈接到文檔的作者 head標簽內申明文檔作者    
canonical 權威,典范

讓搜索引擎知道當前網站中的重復或相似網頁中,哪一個頁面才是站長想讓其抓取與收錄的

<link rel="canonical" href="http://xxoo.com/" />
  • canonical屬性值通常在,rel屬性中出現(xiàn)
  • 引用網址:http://www.xxoo.com/xhtml/rel_canonical/
  • canonical從功能上來講,可理解為301永久重定向的輔助功能
  • canonical可以與相對鏈接或絕對鏈接一起使用,但是建議使用絕對鏈接
  • Google對canonical的定義是:規(guī)范網頁是一組內容高度相似的網頁的首選版本
  • canonical:中文"典范"的意思
   
stylesheet 文檔的外聯(lián)樣式表 <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 從當前文檔鏈接到一個章節(jié)      
section 鏈接到文檔列表中的一個小節(jié)      
subsection 鏈接到當前文檔列表中的子小節(jié)。(一個小節(jié)可擁有多個子小節(jié)。)      
head 鏈接到集合中的頂級文檔      
toc 鏈接到集合的目錄      
parent 鏈接到源上面的文檔      
child 鏈接到源下面的文檔      
help 鏈接到幫助文檔 <link rel="help" href="http://www.xxoo.net/help.html" />    
bookmark 用作書簽的永久 URL 列表標題    
external 鏈接到外部文檔 文章中引用到的外部連接    
nofollow 鏈接到未認可的文檔,比如付費鏈接
Google 使用 "nofollow" 來規(guī)定其搜索蜘蛛不跟蹤該鏈接
站內相關文章,站內隨機文章,評論回復,列表及文章頁面中的評論、瀏覽和作者鏈接,側邊欄的評論地址,首頁導航中的“首頁”鏈接,評論最多文章,訪問最多文章    
noreferrer 規(guī)定當用戶跟隨該超鏈接時,瀏覽器不應發(fā)送 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 網站站長工具)

標簽:日喀則 楊凌 那曲 滁州 南平 三沙 唐山 廣西

巨人網絡通訊聲明:本文標題《HTML中rel屬性分析》,本文關鍵詞  HTML,中,rel,屬性,分析,HTML,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML中rel屬性分析》相關的同類信息!
  • 本頁收集關于HTML中rel屬性分析的相關信息資訊供網民參考!
  • 推薦文章