html - prettyPhotoのrel属性の検証エラー

Question

W3CのバリデーターがHTML5ページのprettyPhotoのrel属性で検証エラーを返すようです。このエラーを解決するにはどうすればよいですか？

要素aの属性relに不正な値prettyPhoto[gallery1]：キーワードprettyphoto[gallery1]が登録されていません。

どうもありがとう！

Answer 1

rel提案されていない (したがって許可されていない) 値を持つ属性の使用は、HTML5 マークアップでは無効です。値prettyPhotoが提案された値のリストにありません。そのため、検証に合格した画像ギャラリーを含む Web ページを取得する際に問題が発生する場合があります。

考えられる解決策:

1. (おそらく縮小されていないもの) を開きjquery.prettyPhoto.js、テキスト エディターの検索と置換機能を実行
   
   しattr('rel')ますattr('data-gal')。

2. ギャラリー コードでは、次
   
   data-gal="prettyPhoto[galname]"
   
   の代わりに: を使用します。
   
   rel="prettyPhoto[galname]"

3. あなたの prettyPhoto を次のように初期化してください:
   
   jQuery("a[data-gal^='prettyPhoto']").prettyPhoto();
   
   そして、あなたのコードを有効にするための正しい道を進んでいます!

この可能な解決策でこの記事を読むこともできます。

Answer 2

ここhookのコメントに記載されている (文書化されていない) 設定を使用できます。

次のようにリンクを指定し、 prettyPhoto の初期化<a href="img.jpg" data-gal="prettyPhoto[gal]"></a>に使用します。$("a[data-gal^='prettyPhoto'").prettyPhoto({hook: 'data-gal'});