詳解rel屬性

一、rel屬性值

rel屬性是HTML中常用的一個屬性，它用於指定當前文檔與鏈接文檔之間的關係，通常被用於鏈接元素（<a>）和區域定義（<area>）上。rel屬性值表示與當前文檔相關的文檔之間的關係，常見的rel屬性值包括：

• alternate：表示當前文檔是另一個文檔的替代版本，比如切換到英文版本的網站。
• stylesheet：表示當前文檔是一個樣式表文檔。
• start：表示區域鏈接中的第一個區域。
• tag：表示當前文檔是用於給另一個文檔進行標記的。

在HTML5中，還新增了一些rel屬性值，如author、bookmark、external、license、nofollow、noreferrer、noopener、pingback、preconnect、prefetch、prerender、search、sidebar等。

二、屬性selected

屬性selected通常用於<option>元素上，它表示該選項的默認選中狀態。而在HTML5中，屬性selected還可以用於<input>元素的語義。值為selected的<input>元素表示這個<input>元素在所有激活元素中應該處於選中狀態，比如<input type=”checkbox”>，<input type=”radio”>等類型。

三、rel屬性舉例

rel屬性值除了上面列舉的常用值外，還有許多實際應用的場景。比如：

• <a href=”http://example.com/” rel=”noopener noreferrer”>Example</a>：用於防止鏈接網站獲取referrer信息，提高用戶隱私保護。
• <link rel=”prefetch” href=”http://example.com/”>：用於預載入資源，提高瀏覽器頁面性能。
• <a href=”http://example.com/” rel=”nofollow”>Example</a>：用於告訴搜索引擎不要在鏈接網站時傳遞pagerank權值。

四、c屬性ref

c屬性ref是微軟Office軟體的一種擴展功能，它使用rel屬性為「markup」或「version-history」，可以指定鏈接到具體的歷史版本，以便用戶查看該版本的修改記錄和內容。而它在HTML領域中的應用，通常用於<link>元素中的版本控制，可以使用revision、edit等rel屬性值。

五、rel屬性是什麼

從HTTP、URI的角度來看，rel屬性是用於定義當前資源與目標資源之間的關係。當一個資源需要下載或引用另外一個資源時，它常常需要告知目標資源的類型和特徵，以便瀏覽器能夠更好地處理資源。對於HTTP協議的鏈接類型，我門通常將其歸納為四類：自引用、樣式表、搜索引擎和其它引用。

六、rel屬性什麼意思

rel屬性的主要作用就是建立鏈接之間的關係，它定義當前文檔與所鏈接文檔之間的關係，可以被理解為一種語義化標註。 <link>和<a>元素通過rel屬性描述當前文檔和所鏈接文檔之間關係，rel屬性的值可以是預定義的、動態的或私有的，可以用於描述與瀏覽器相關的操作或面向人類的文檔相關的關係等。

七、ref屬性

ref屬性用來指定當前文檔與所鏈接文檔之間的關鍵關係，其值可以是一個URI或者一個URI的哈希片段。在HTML中，ref屬性主要用於頭部信息的定義，<link>、<a>、<area>、<form>等元素上都有應用。ref屬性常見的取值包括：alternate、archives、author、bookmark、external、first、help、index、last、license、next、nofollow、noreferrer、pingback、prev、search、sidebar、tag等。

八、rel屬性是什麼單詞縮寫

rel屬性全稱為Relation屬性，用於定義鏈接元素所鏈接文檔之間的關係。該屬性最早出現在HTML 4.0規範中，隨著HTML的發展，其應用逐漸擴展到了外部文檔，例如<link>元素和<area>元素。而在XHTML 1.0規範中，rel屬性的應用被增加到了包括CSS樣式表和XML文檔等方面。

九、href屬性

href屬性是用於指定鏈接目標地址的URL，它可以被<a>、<area>、<base>和<link>等HTML元素使用。href屬性的值可以是一個絕對URL或相對URL，可以是一個網頁、一個圖片、一個音頻、一個視頻等等。對於外部鏈接，建議使用絕對URL，對於內部鏈接，可以使用相對URL，以方便網站維護和管理。

十、html的rel屬性選取

如何正確地選取HTML中的rel屬性值呢？這要看具體的網站需求和設計目的了。一般來說，我們可以從以下角度出發：

• SEO優化：使用nofollow或noindex排除不重要的網頁，避免搜索引擎誤導。
• 訪問速度：使用prefetch、prerender等rel屬性值，提前預載入一些資源，減少載入時間。
• 流量管理：使用affiliate、sponsor、ad等rel屬性值，標識是否為廣告或聯盟營銷，便於流量的監控和統計。

  
    <a href="http://example.com/" rel="nofollow">Example</a>
    <link rel="prefetch" href="http://example.com/">
    <a href="http://example.com/" rel="affiliate">Example</a>