rel属性的多个值

3zz*_*zzy 41 html

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

<a href="#" rel="value1 nofollow">Link</a>
Run Code Online (Sandbox Code Playgroud)

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

Zac*_*sch 55

这是有效的. 我不确定它是否得到了所有浏览器的支持,但我猜它确实存在.

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

  • 好吧,在这种情况下,重要的是要有爬虫支持;-) (3认同)
  • +1,但我不会在网页设计中做出假设 - 特别是关于浏览器支持...... (2认同)
  • 有效的。否则,您如何才能告诉搜索引擎某些链接是“nofollow”,并_同时_出于 JS 安全原因向浏览器发出“noopener”信号...... (2认同)

小智 6

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


Mos*_*she 5

绝对有效。

您也可以对 class 属性执行相同的操作。这对于 CSS 样式设计很方便。

HTML:

<span class="foo bar more classes">Stuff</span>
<span class="bar">More bar</span>
Run Code Online (Sandbox Code Playgroud)

CSS

.foo{
  color: #afafaf;
}

.bar{
  border: 1px solid #0ff;
}
Run Code Online (Sandbox Code Playgroud)

第一个跨度为灰色并具有蓝色边框,而第二个跨度仅具有边框。

  • 实际上,您不能向 id 属性添加多个值,也不能在 id 值中添加空格。HTML 元素的 id 是一对一的关系,因此每个值在每个页面只能出现一次。 (4认同)