溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了HTML中rel屬性怎么用，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶大家一起來研究并學習一下“HTML中rel屬性怎么用”這篇文章吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
示例分析
帶有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/" />
| ||
| 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 |
以上就是關于“HTML中rel屬性怎么用”的內容，如果改文章對你有所幫助并覺得寫得不錯，勞請分享給你的好友一起學習新知識，若想了解更多相關知識內容，請多多關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
