長い HTML ページの上部と下部に表示されるメニューがあり、DIV が次のように設定されている場合<div id="menu"><ul><li>Home</li><li>About</li></ul></div>
ページの下部でこのコードを繰り返すことはできますか? または、この場合、ID はクラスにする必要がありますか?
ID はページで 1 回だけ使用する必要があると読みました。
はい、ID は一度しか使用できません。両方のメニューで同じ CSS 設定を取得する必要がある<div class="menu"/>
場合は、多くの設定が同じで、一部 (位置など) が異なる場合、次のようなものを使用できます: <div id="top-menu" class="menu" />
and <div id="bottom-menu" class="menu" />
- これは非常に一般的な使用法です。ここで、id はページ上のオブジェクトの外部位置を制御します。これは多くの場合一意であり、クラスはその内部レイアウトを制御し、他の同様のコンポーネントと共有される場合があります。
W3 Schools には、クラスと ID セレクターに関する優れた入門書があります: http://www.w3schools.com/css/css_id_class.asp
彼らの説明から:
ID セレクター
id セレクターは、単一の一意の要素のスタイルを指定するために使用されます。
クラスセレクター
クラス セレクターは、要素のグループのスタイルを指定するために使用されます。id セレクターとは異なり、class セレクターは複数の要素で最も頻繁に使用されます。
これにより、同じクラスを持つ多くの HTML 要素に特定のスタイルを設定できます。
ページ内で同じ ID を繰り返すことはできません... 同じ ID にはクラスを使用することをお勧めします...:)
<div class="menu">
<ul>
<li>Home</li>
<li>About</li>
</ul>
</div>
ID は要素内で一意である必要があります。これがクラスの目的です。何らかの理由で ID 名を再利用する必要がある場合は、クラスに変更してください。
http://www.w3schools.com/tags/att_global_id.asp
<div class="menu"><ul><li>Home</li><li>About</li></ul></div>
ID は、まさにその識別子になるように設計されています。ドキュメントごとに ID を 1 つだけ持つ必要があります。正しく示したように、複数の要素に同じスタイルを適用する必要がある場合は、代わりにクラス名を使用してください。
<div class="menu">
<ul>
<li>Home</li>
<li>About</li>
</ul>
</div>
ID は常に CSS の 1 つの要素に関連付ける必要がありますか?
ページごとに 1 つの要素
その要素がページで繰り返される場合はどうなりますか?
その場合、HTML は無効であり、予期される動作ではなくエラー回復に依存しています。
長い HTML ページの上部と下部に表示されるメニューがある場合... ページの下部でこのコードを繰り返すことはできますか?
HTML ドキュメントではありません。
または、この場合、ID はクラスにする必要がありますか?
はい。クラスとは、共通点を持つもののグループです。ID は特定のものを識別します。共通点がある 2 つのメニューがあり、クラスを使用します。
ID はページで 1 回だけ使用する必要があると読みました。
正しい
id="" 属性は必要に応じて何度でも使用できますが、属性の内容は一意である必要があります。一意の値がないことは HTML エラーです。