0

特定の Web ページが div 内の色を交互に切り替える方法を調べていたところ、次のことがわかりました。

<div class="row8 inline clearfix" id="light-orange">...</div>
<div class="row8 inline clearfix" id="light-pink">...</div>
<div class="row8 inline clearfix" id="light-orange">...</div>
<div class="row8 inline clearfix" id="light-pink">...</div>
<div class="row8 inline clearfix" id="light-orange">...</div>
<div class="row8 inline clearfix" id="light-pink">...</div>
<div class="row8 inline clearfix" id="light-orange">...</div>
<div class="row8 inline clearfix" id="light-pink">...</div>

これは検証されない HTML の例だと思い、W3C バリデーターを実行しました。エラーはありましたが、ID の一意性に関するエラーはありませんでした。

私が読んだものはすべて、ID は Web ページ内で一意でなければならないと述べています。ここで本当の話は何ですか？

4

4 に答える 4

1

ID によって要素にバインドまたは適用されるものは、最初に見つかった ID にのみ適用されるため、Web ページで ID を重複させてはいけません。したがって、CSS を適用するか、特定の ID を持つ要素の 1 つにイベントをバインドするだけです。ID が繰り返されている場合は、おそらく代わりにクラスを使用する必要があることを意味します。

于 2013-08-26T01:36:46.130 に答える
1

HTML 5 仕様では、ID の定義を読むと、基本的にドキュメントであるホーム サブツリー内で ID が一意でなければならないと規定されています。

グーグルでそれを見つけました。色を交互に使いたい場合は、クラスを使用してください。ID は常に一意である必要があります。

于 2013-08-26T01:37:33.887 に答える
1

あなたのコードに (ここで説明されているように)<!doctype html>追加すると、重複IDエラーが大量に発生します (ここで説明されているように)。心配しないで ;）

于 2013-08-26T01:37:53.597 に答える