HTML中<a>標籤有個rel屬性,這篇文章簡要介紹下rel屬性的含義、Value,及在HTML5中新增的一些屬性值。
一、rel屬性定義:
<a>標籤的rel屬性用於指出當前文檔與被連接文檔的關係。僅在有href屬性存在的狀況下使用,咱們常在link標籤中用到,好比:<link rel=「stylesheet」 style="text/css" href=「../」>。
二、做用介紹:
a.rel屬性是指定鏈接的關係類型,代表所鏈接的文檔和此鏈接的關係;
b.把這個屬性根據實際狀況寫的話, 對於搜索引擎來講,會起到必定的連接做用。特別是在html5中,部分屬性還專門爲瀏覽器或搜索引擎而提供的;
c.部分屬性,是針對一些客戶終端而設計的,具體百度找下相關知識,這裏暫不研究了。
三、HTML4.01與 HTML5之間的差別
已刪除的值:appendix, chapter, contents, copyright, glossary, index, section, start, subsection。
新的值:archives, author, bookmark, external, first, index, last, license, nofollow, noreferrer, search, sidebar, tag, up。css
四、屬性值及描述:html
值 | 描述 |
---|---|
alternate | 文檔的其餘可選版本(例如:打印版、翻譯版或鏡像版) |
stylesheet | 文檔的外部樣式表 |
start | 一組文檔中的第一個 |
next | 一組文檔中的下一個 |
prev | 一組文檔中的上一個 |
contents | 文檔的目錄 |
index | 文檔的索引 |
glossary | 文檔的字詞術語表或術語解釋 |
copyright | 文檔的版權聲明 |
chapter | 一組文檔中做爲一章的文檔 |
section | 一組文檔中做爲一節的文檔 |
subsection | 一組文檔中做爲一個子節的文檔 |
appendix | 一組文檔中做爲附錄的文檔 |
help | 幫助文檔 |
bookmark | 書籤文檔 |
sidebar | 連接到應該在瀏覽器邊欄中顯示的文檔。 |
nofollow | 「nofollow」是Google提出的一個值,它用於告訴搜索引擎爬蟲不要跟隨連接(主要針對付費連接) |
licence | 連接到文檔的版權信息。 (HTML5新增屬性) |
toc | 連接到集合的目錄 |
archives | 連接到文檔集或歷史數據。(HTML5新增屬性)html5 |
author | 連接到文檔的做者。(HTML5新增屬性)瀏覽器 |
bookmark | 用做書籤的永久 URL。(HTML5新增屬性)app |
external | 連接到外部文檔。(HTML5新增屬性)ide |
first | 連接到集合中的首個文檔。(HTML5新增屬性)搜索引擎 |
last | 連接到集合中最後的文檔。(HTML5新增屬性)spa |
tag | 當前文檔標籤(關鍵詞)。(HTML5新增屬性)翻譯 |
nofollow | 連接到未承認的文檔,好比付費連接。Google 使用 "nofollow" 來規定其搜索蜘蛛不跟蹤該連接。(HTML5新增屬性)設計 |
noreferrer | 規定當用戶跟隨該超連接時,瀏覽器不該發送 HTTP referer 頭。(HTML5新增屬性) |
up | 提供指向一個文檔的連接。該文檔提供當前文檔的上下文關係。(HTML5新增屬性) |
search | 連接到集合中最後的文檔。(HTML5新增屬性) |