ここで表示できる開発中の自分の Web サイトを検証すると、次のエラー メッセージが表示されます: Line 92, Column 32: there is no attribute "DATA-BG". サイト全体で次のようなデータ属性を使用しています。
<div class="sbi_panel" data-bg="slider/images/4.jpg">
そのため、data-bg 属性は認識されません。ここで何が問題なのか知りたいですか?
ここで表示できる開発中の自分の Web サイトを検証すると、次のエラー メッセージが表示されます: Line 92, Column 32: there is no attribute "DATA-BG". サイト全体で次のようなデータ属性を使用しています。
<div class="sbi_panel" data-bg="slider/images/4.jpg">
そのため、data-bg 属性は認識されません。ここで何が問題なのか知りたいですか?
問題は、現在次のように設定されているDOCTYPEです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
W3C バリデーターは、実行する検証の種類を決定する際に DOCTYPE 宣言を調べます。開始する HTML 属性data-
は HTML5 のアイデアであるため、DOCTYPE を HTML5 に変更して正しいものとして検証する必要があります。
data-
HTML 4.01 doctype または公開された doctype では、属性は許可されていません。これは機能に影響しません。それは単なる構文上の問題です。
オプション:
data-
使用している属性を許可するカスタム DTD を構築します。W3C はこの考えに反対していますが、実際の問題は、ほとんどの人が DTD に関与したくないということであり、DTD を編集するにはある程度の学習が必要です。この場合、属性に属性を追加するだけcoreattrs
です。data-
各属性を個別に追加する必要があります。<!doctype html>
。これにより、すべてのdata-
属性が許可されますが、他の領域での制限も意味します。HTML5 はHTML 4.01 の純粋な拡張機能ではありません。たとえば、ほとんどの種類のmeta
タグが無効であると宣言します (そして、ほとんどのmeta
タグは役に立たないものですが、現在 HTML5 で許可されていない便利なタグもあるかもしれません)。