我在驗證問題（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屬性

回答

相關問題