rel屬性的多個值

對於rel屬性，我可以有多個值嗎？像這樣：rel屬性的多個值

<a href="#" rel="value1 nofollow">Link</a>

..是否有效且跨瀏覽器兼容？

2009-12-10 3zzy

It's valid.雖然我不確定它是否支持所有的瀏覽器，但我猜測它是。

rel = link-types [CI] 此屬性描述從當前文檔到由href屬性指定的錨點的關係。此屬性的值是鏈接類型的空格分隔列表。

2009-12-10 04:37:35

+1，但我不會做網頁設計的假設 - 特別是關於瀏覽器支持... – Moshe 2009-12-10 04:42:53

那麼，在這種情況下，最重要的事情是否有爬蟲支持;-) – 2014-02-27 14:57:43

絕對有效。

你也可以用class屬性做同樣的事情。這對於CSS樣式很方便。

HTML：

<span class="foo bar more classes">Stuff</span> 
<span class="bar">More bar</span>

CSS

.foo{ 
    color: #afafaf; 
} 

.bar{ 
    border: 1px solid #0ff; 
}

第一跨度是灰色，並有藍色邊框，而第二個跨度只會有邊界。

2009-12-10 04:42:16 Moshe

您實際上不能將多個值添加到id屬性，也不能將空格放在id值中。HTML元素的id是1對1的關係，因此每個值只能出現在每頁一次。 – 2014-08-14 08:27:31

謝謝。修正了我的答案。 – Moshe 2016-03-16 16:25:33

是它是有效的，它適用於所有瀏覽器，包括IE7和IE8

2011-12-01 11:11:03

其實它根據結構化數據測試工具是無效的。

我想今晚，使用以下

rel="publisher nofollow"

，並無法驗證發佈者。只要我刪除nofollow驗證再次確定。

我以爲我會發布我的答案，因爲我在Google搜索同一問題後遇到此線程。

2014-06-11 00:38:24 mattauckland

結構化數據測試工具現在不報告無效。 – 2016-01-06 03:02:20

@StevenVachon Strutctured Data Testing Tool不再關心rel。它忽略它。 – JrBenito 2016-07-06 19:27:24

我試過這與jQuery Mobile，它不起作用。它工作，如果我刪除第二個屬性。

rel="external nofollow"

2014-07-04 05:14:40 Lee

是你可以和它是有效的：e.g：rel='tag nofollow'

<a expr:href='data:label.url' rel='tag nofollow'><data:label.name/></a>

只是利用價值當中給「空白空間」。內部版本中使用的標籤完整的細節在這裏..

2016-02-02 00:33:16

回答