I'；我在使用FancyBox JavaScript和使用rel属性时遇到验证问题（w3验证程序，html5）

我在使用FancyBox JavaScript时遇到了验证问题（w3验证程序，html5）

“元素a上的属性rel的值组不正确：不是绝对IRI。字符串组不是已注册的关键字或绝对URL。”

代码如下：

<a class="fancybox" rel="group" href="1-big.jpg"><img class ="fbox" src="1-small.jpg" alt="slideshow" /></a>
<a class="fancybox" rel="group" href="2-big.jpg"><img class ="fbox" src="2-small.jpg" alt="slideshow" /></a>
<a class="fancybox" rel="group" href="3-big.jpg"><img class ="fbox" src="3-small.jpg" alt="slideshow" /></a>
<a class="fancybox" rel="group" href="4-big.jpg"><img class ="fbox" src="4-small.jpg" alt="slideshow" /></a>
<a class="fancybox" rel="group" href="5-big.jpg"><img class ="fbox" src="5-small.jpg" alt="slideshow" /></a>
<a class="fancybox" rel="group" href="6-big.jpg"><img class ="fbox" src="6-small.jpg" alt="slideshow" /></a>

我尝试了使用data属性而不是rel，但没有成功

---

如果我把它改成class，那么我会得到一个错误，在同一个标记中有两个类，我对html是新手，因为这是我在uni的第一年，我想知道是否有人有一个有效的替代品/解决方案。

查看文档，一个

rel

应该链接到一个文档，但是许多插件使用它进行分组和类似的事情，这在技术上是不正确的

就数据属性而言，我不确定标记如何被确定为有效/无效。据我所知，HTML5还没有100%完成，验证器只和制造它们的人一样好。数据是一种广泛使用的规范，比使用

rel

更准确

我读过，你可以用逗号分隔的方式放置多个类，尽管我从未尝试过。这使它有效吗。我几乎完全确定多个类是有效的HTML，所以不用担心

我将使用数据属性，而不必担心验证器。对于您的用例来说，将其中的数据用于插件似乎更为正确。这样，如果需要，您可以更改您的类，插件仍然可以工作

---

其他人可能会在这个问题上插嘴说得更清楚，但如果你的插件使用数据属性，我会说这是最正确的HTML-5解决方案。

这可能是真的，在HTML5之前的传统插件中很常见。最新版本的fancybox引入了

数据fancybox组

属性来解决这个问题。更多信息请参见^^^^谢谢你，伙计！终于成功了！！改为使用（HTML5）

数据fancybox组

属性。查看更多信息。