Web デザインで ID とクラスを使用するための原則 div+css_html/css_WEB-ITnose

Web デザイン div+css での id と class の使用原則

id の使用原則

まず id について話しましょう ID は一意であり、その使用原則もこの機能に基づいています。 。 ID は繰り返すことができないため、XHTML の構造では大きな構造には ID を使用する必要があります。ロゴ、ナビゲーション、メインコンテンツ、著作権など。これらは、確立された仕様に従って、#logo、#nav、#content、#copyright などの名前が付けられます。Yuanzi では、一意性の原則に基づいて、定義された ID をできるだけ周辺的に使用することを推奨します。

クラスの使用原則

CSSの定義においてクラスは普遍的なものです。率直に言って、クラスは制限なく何度でも使用できます。その構造内でクラスを使用することをお勧めします。この利点は、後で Web サイトのコードをメンテナンスしたり変更したりするのに役立つことです。このアプローチでは、すべてのクラスが ID の子または孫になります。 CSS を記述するときは、 #father .child {…} のように記述することができます。また、クラスに id が含まれないように注意する必要があります。たとえば、 .father #child {…} の場合です。このように書くと、それは明らかに非常に望ましくないものです。もちろん、これらは良い文章を書く習慣のためのほんの一部の提案であり、参考としてのみ使用してください。

一言でまとめると、idは一意で親に属し、classは反復可能で子に属します。良いコードを書く習慣を維持することは、将来のコードのメンテナンスに非常に役立ちます