什么是rel属性以及为什么在此代码中使用它？

Question

我知道rel属性指的是样式表（如果我错了，请更正我），但我不知道为什么它存在于这段代码中。我是通过魔术线演示http://css-tricks.com/examples/MagicLine/（第二个）来拍摄的。

$MagicLineTwo
     .data("origColor", $(".current_page_item_two a").attr("rel"));

.attr('rel')是我感到困惑的地方。它作为origColor?

的值存储的是什么

Answer 1

曾几何时，当万维网是狂野的狂野西部时，开发商劫持了＃34; rel属性，用于存储DOM元素上的各种内容。由于rel是一个真正的属性，它对浏览器起到了很好的作用 - 当它们遇到它时它们并没有发现它们。现在，在现代世界中，我们可以将数据存储在data-属性中。这称为 DOM Expando ：

  

Expando属性是（在这种情况下是DOM元素）的属性，它们不属于标准定义。

     

http://wiki.greasespot.net/Expando_Properties

现代浏览器会看到这些属性并说“我不知道你是什么，但这对我来说很酷＃34;”并继续渲染HTML。

执行此操作的适当方法是将rel从其中删除（如上所述，它具有自己的目的），并使用正确的data-属性（注意下面的data-前缀）：

<div id="myCoolDiv" data-original-color="blue"></div>

然后，获取该值与之前相同：

var originalColor = $("#myCoolDiv").attr("data-original-color");

Answer 2

它正在存储他将要进行转换的颜色代码。在这种情况下，使用属性rel很糟糕。但是可以在其中存储数据。