Multiple values for rel attribute

Question

Can I have multiple values for rel attributes? Like so:

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

.. is it valid and cross-browser compatible?

Answer 1

It's valid. I'm not sure if it's supported by all browsers, though, but I would guess that it is.

Answer 2

Definitely valid.

You can also do the same thing with the class attribute and the id attribute. This is handy for CSS styling.

HTML:

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

CSS

.foo{
  color: #afafaf;
}

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

The first span would be gray and have the blue border, while the second span would just have the border.