Question

以下语法在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>

我只是对理论上的可能性感兴趣。

Answer 1

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验证器中验证此HTML时，会出现以下错误

属性rel在元素a上的错误值#blue：关键字#blue未注册。

与元素a相关的属性的无效值#green：关键字#green未注册。

因此，如果您对此表示满意，可以很好地使用它，但是不推荐使用

Answer 2

否

HTML规范定义了allowed values for the rel attribute。

由于存在一组允许的值，所以（隐式）不允许偏离该列表（如果尝试，validation将引发错误）。

通过class属性，您可以将任意标签添加到任何元素。 data-*属性还允许您将自定义信息添加到元素。改用其中之一。

您可以使用相对属性使用任意标签来标记超链接吗？

2 个答案: