HTML 5 Validator错误与工具提示弹出的缩略图网站

Question

由于某种原因，这在HTML5中的w3c验证器中没有验证。还有其他人遇到过这个错误吗？下面是代码。它使用Ajax或Jquery弹出来显示网站的屏幕截图，因此更改任何内容都非常棘手。有什么建议？

<a href="http://www.careerrequirement.com/disc-jockey.htm" class="screenshot" rel="linkshots/dj.png" title="Be A DJ!">DJ</a>

错误是：

  

关于元素a的属性rel的错误linkhots / dj.png：不是   绝对IRI。字符串linkshots / dj.png不是已注册的关键字   或绝对URL。

Answer 1

它在错误中说：它不是一个完整的URL。

您可以通过将其更改为完整的网址（http://www.website.com/linkshots/dj.png）或使用HTML 5数据字段来解决此问题。

示例如下：

<a href="http://www.careerrequirement.com/disc-jockey.htm" class="screenshot" rel="http://www.website.com/linkshots/dj.png" title="Be A DJ!">DJ</a>

或

<a href="http://www.careerrequirement.com/disc-jockey.htm" class="screenshot" data-rel="linkshots/dj.png" title="Be A DJ!">DJ</a>

然后通过

在AJAX弹出窗口中的jQuery中访问它

$(this).attr('data-rel')

有关HTML 5数据属性的更多信息，请访问http://ejohn.org/blog/html-5-data-attributes/或http://html5doctor.com/html5-custom-data-attributes/