我在验证问题（W3验证，HTML5）使用rel属性

时使用的JavaScript的fancybox当我在验证问题使用的fancybox的JavaScript我在验证问题（W3验证，HTML5）使用rel属性

“坏值组属性时（W3验证，HTML5） 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>

我试图代替使用数据属性相对的至徒劳无功。

如果我将其更改为类，然后我得到在同一个标记中有2个类的错误，我是新的HTML，因为这是我在uni的第一年，我想知道如果任何人有一个有效的替代/解决方案。

来源

2013-03-04 dhali

改为使用（HTML5）'data-fancybox-group'属性。有关更多信息，请参阅http://stackoverflow.com/a/9037826/1055987。 – JFK 2013-03-04 18:30:25

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

我不确定标记是如何根据数据属性确定为有效/无效的。就我所知，HTML5仍然不是100％完整的，验证者只和创建它们的人一样好。数据是一个广泛使用的规范，并且比用于此类目的的rel更正确。

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

我会去与数据属性，而不必担心验证。看起来你的用例更正确，就是使用它们中的数据作为插件。这样你可以根据需要改变你的类，插件仍然可以工作。

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

来源

2013-03-04 16:28:27 Leeish

这可能是真实的，并且在HTML5之前的传统插件中很常见。 fancybox的最新版本引入了'data-fancybox-group'属性来解决这个问题。请参阅http://stackoverflow.com/a/9037826/1055987了解更多 – JFK 2013-03-04 18:29:33

^^^谢谢！终于搞定了！ – dhali 2013-03-04 18:37:19

我在验证问题（W3验证，HTML5）使用rel属性

回答

相关问题