Question

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

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

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

Answer 1

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

rel = link-types [CI] 此属性描述从当前文档到href属性指定的锚点的关系。此属性的值是以空格分隔的列表的链接类型。

Answer 2

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

Answer 3

绝对有效。

您也可以使用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;
}

第一个跨度是灰色的，有蓝色边框，而第二个跨度只有边框。

Answer 4

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

我今晚尝试使用以下

rel="publisher nofollow"

并且未能验证发布者。一旦我删除nofollow再次验证确定。

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

Answer 5

我尝试使用jQuery Mobile，但它不起作用。如果我删除第二个属性，它就可以工作。

rel="external nofollow"

Answer 6

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

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

只需使用值给出＆＃34;空格＆＃34;其中。内部使用的标签的完整细节在这里..