以下语法似乎在 HTML 中有效：
<a rel="nofollow" href="http://www.functravel.com/">Cheap Flights</a>
现在，假设我想在“nofollow”的位置插入一个任意词，这有效吗？例如，假设有三种超链接：红色、绿色和蓝色。然后我可以使用这些作为标签如下：
<a rel="green" href="http://www.functravel.com/">Cheap Flights</a>
如果上述允许，我可以更进一步，定义一个具有两个或多个相关属性的超链接，如下所示：
<a rel="nofollow red" href="http://www.functravel.com/">Cheap Flights</a>
我只是对理论上的可能性感兴趣。
【问题讨论】：
rel 代表relationship，而不是relative。
否
HTML 规范定义了allowed values for the rel attribute。
由于存在一组允许值，因此（隐式）不允许偏离该列表（如果您尝试，validation 将抛出错误）。
class 属性允许您向任何元素添加任意标签。 data-* 属性还允许您向元素添加自定义信息。请改用其中之一。
【讨论】：
class 和data-* 是属性，它们显然适用于特定元素）。
class 或 data-* 无法获得的无效 rel 属性没有用处，因此只需编写有效的 HTML。
rel 属性指定当前文档和链接文档之间的关系。只有在存在 href 属性时才使用它。
rel 属性的一些可接受的值是替代、作者、书签、外部等。Visit the link to know more rel values
此外，如果您使用蓝色、绿色等自定义值，您可以通过 jquery 访问该值，但如果您在 w3 Validator 上验证页面，则会出现错误。
例如：
<a id='_toBlue' rel='blue' href='blue.php'>blue</a>
<a id='_toGreen' rel='green' href='green.php'>green</a>
使用 JQuery，您可以出于某种目的获取 rel 值
var relBlue = "#!"+$("#_toBlue").attr('rel'); //gives desired result=>"blue"
var relGreen = "#!"+$("#_toGreen").attr('rel'); //gives desired result=>"green"
现在，当您在 W3 Validator 中验证此 HTML 时，您会收到以下错误
元素 a 上属性 rel 的错误值 #blue：关键字 #blue 未注册。
元素 a 上属性 rel 的错误值 #green：关键字 #green 未注册。
所以，如果你没问题，你可以使用它，但强烈不推荐
【讨论】：