ID は、ページ上の一意の要素を識別するために使用されます。ID の名前は、特定のコンテンツ ブロックを div に配置し、それに一意の ID を割り当てることで、CSS セレクターを使用して制御することができます。タイトル、リスト、画像、リンク、段落などの各ページ要素の外観を正確に定義します。たとえば、#header の CSS ルールを作成する場合、それは #content の画像ルールとはまったく異なるものになる可能性があります。
さまざまなコンテンツ ブロックのリンク スタイルは、さまざまなルールを通じて定義できます。このようなもの: #nav a:link または #main a:link または #footer a:link異なるコンテンツ ブロック内の同じ要素に異なるスタイルを定義することもできます。たとえば、#main p と #sider p のスタイルをそれぞれ #main p と #sider p で定義します。構造的に言えば、ページは画像、リンク、リスト、段落などで構成されます。これらの要素自体は、どのネットワーク デバイス (PDA、携帯電話、またはインターネット TV) に表示されるかには影響しません。これらは、任意のパフォーマンスの外観として定義できます。
慎重に構造化された HTML ページは非常にシンプルで、すべての要素が構造的な目的で使用されます。段落をインデントしたい場合は、blockquote タグを使用する必要はありません。p タグを使用し、CSS text-indent ルールを p に追加するだけで、インデントの目的を達成できます。 p は構造化タグであり、text-indent はプレゼンテーション属性です。前者は HTML に属し、後者は CSS に属します。 (これは伝説的な構造と表現の分離です)
適切に構造化された HTML ページには属性タグがほとんどありません。コードは非常にクリーンで簡潔です。たとえば、元のコードは HTML でのみ記述できるようになり、パフォーマンスを制御するすべてのものは CSS で記述されます。構造化 HTML では、テーブルはテーブルであり、他のものではありません (レイアウトや位置決めには使用できないことは言うまでもありません)。 ））。
もちろん、CSS セレクターは、ID やクラスに加えて、子孫セレクター、属性セレクターなどもあります。