rel屬性指定當前文檔和鏈接文檔之間的關系,僅當存在href屬性時使用。
具有可點擊區(qū)域的圖像地圖:
<!DOCTYPE html> <html> <title>HTML:<area> rel 屬性 - 菜鳥教程 (cainiaoplus.com)</title> <body> <p>單擊太陽以近距離觀察它:</p> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html" rel="alternate"> </map> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 rel 屬性
rel屬性指定當前文檔和鏈接文檔之間的關系。
僅當存在href屬性時使用。
rel屬性是HTML5中<area>標記的新屬性。
<area rel="value">
值 | 描述 |
---|---|
alternate | 文檔的替代版本(比如打印頁、翻譯或鏡像)。 |
author | 鏈接到文檔的作者。 |
bookmark | 用于書簽的永久網址 |
help | 鏈接到幫助文檔 |
license | 鏈接到文檔的版權信息。 |
next | 選項中的下一個文檔 |
nofollow | nofollow 是一個HTML標簽的屬性值。這個標簽的意義是告訴搜索引擎"不要追蹤此網頁上的鏈接"或"不要追蹤此特定鏈接。 |
noreferrer | 如果用戶點擊鏈接指定瀏覽不要發(fā)送 HTTP referer 頭部信息。 |
prefetch | 指定的目標文件應該被緩存 |
prev | 選項中的前一個文檔 |
search | 文檔鏈接到搜索工具 |
tag | 當前文檔的標簽(關鍵詞) |