これは、何らかの理由で HTML5 の w3c バリデーターで検証されていません。他の誰かがこのエラーに遭遇しましたか? 以下はコードです。Ajax または Jquery ポップアップを使用して Web サイトのスクリーンショットを表示するため、何かを変更するのは非常に困難です。助言がありますか？
<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 ではありません。
それはエラーでそれを言います: それは完全な 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/で入手できます。