1

使用 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 无济于事。

如果我将其更改为类，那么我会收到在同一个标​​签中有 2 个类的错误，我是 html 的新手，因为这是我在 uni 的第一年，我想知道是否有人有有效的替代品/解决方案。

4

1 回答 1

0

查看文档，rel应该链接到文档，但是许多插件使用它来进行分组和类似的东西，这在技术上是不正确的。

就数据属性而言，我不确定如何将标记确定为有效/无效。据我所知，HTML5 还不是 100% 完整，验证器的好坏取决于制作它们的人。数据是一种广泛使用的规范，比rel用于此类目的更正确。

我读过你可以用逗号分隔多个类，虽然我从未尝试过。这是否使它验证。我几乎完全确定多个类是有效的 HTML，所以不用担心。

我会使用 data 属性而不用担心验证器。对于您的用例来说，这似乎更正确，即使用其中的数据作为插件。这样，您可以在需要时更改您的类，并且该插件仍然可以工作。

其他人可能会更清楚地解决这个问题，但如果您的插件使用 data 属性，我会说这是最正确的 HTML-5 解决方案。

于 2013-03-04T16:28:27.547 回答