0

由于某种原因,这在 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 的错误值 linkshots/dj.png:不是绝对 IRI。字符串 linkshots/dj.png 不是注册关键字或绝对 URL。

4

1 回答 1

1

好吧,它在错误中说:这不是一个完整的 URL。

您可以通过将其更改为完整的 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/

于 2013-01-16T14:12:45.357 回答