rel 属性的多个值答案

【问题标题】：Multiple values for rel attributerel 属性的多个值
【发布时间】：2009-12-10 04:35:17
【问题描述】：

我可以为 rel 属性设置多个值吗？像这样：

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

.. 是否有效且跨浏览器兼容？

【问题讨论】：

标签： html

【解决方案1】：

It's valid. 虽然我不确定它是否被所有浏览器支持，但我猜是的。

rel = 链接类型 [CI] 该属性描述了从当前文档到由 href 属性指定的锚点的关系。该属性的值是一个空格分隔的链接类型列表。

【讨论】：

【解决方案2】：

是的，它有效并且适用于所有浏览器，包括 IE7 和 IE8

【讨论】：

【解决方案3】：

是的，你可以，它是有效的：例如：rel='tag nofollow'

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

只需使用其中包含“空格”的值。 rel 中使用的标签的完整详细信息在这里..

【讨论】：

【解决方案4】：

绝对有效。

你也可以对 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;
}

第一个跨度为灰色并带有蓝色边框，而第二个跨度只有边框。

【讨论】：

【解决方案5】：

根据结构化数据测试工具，实际上它是无效的。

我今晚试过了，使用以下方法

rel="publisher nofollow"

它无法验证发布者。一旦我删除了nofollow，就会再次验证正常。

我想我会发布我的答案，因为我在谷歌搜索相同的问题后遇到了这个帖子。

【讨论】：

【解决方案6】：

我在 jQuery Mobile 上试过这个，但它不起作用。如果我删除第二个属性，它会起作用。

rel="external nofollow"

【讨论】：