Question

使用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的新手，因为这是我在大学的第一年，我想知道是否有人有一个有效的替代品/解决方案

Answer 1

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

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

我已经读过你可以用逗号分隔的方式放置多个类，虽然我从未尝试过。这会使它验证吗？我几乎完全确定多个类是有效的HTML，所以不要担心。

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

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

在使用rel属性时使用FancyBox JavaScript时遇到验证问题（w3验证器，html5）

1 个答案: