Die ID wird verwendet, um das eindeutige Element auf der Seite zu identifizieren. Der Name der ID ist eine Möglichkeit, einen bestimmten Inhaltsblock in einem Div zu platzieren und ihm eine eindeutige ID zuzuweisen Definieren Sie das Erscheinungsbild jedes Seitenelements genau, einschließlich Titel, Listen, Bilder, Links oder Absätze usw. Wenn Sie beispielsweise eine CSS-Regel für #header schreiben, kann diese völlig anders sein als die Bildregel in #content.
Link-Stile in verschiedenen Inhaltsblöcken können durch unterschiedliche Regeln definiert werden. Etwa so: #nav a:link oder #main a:link oder #footer a:link. Sie können auch unterschiedliche Stile für dieselben Elemente in verschiedenen Inhaltsblöcken definieren. Definieren Sie beispielsweise die Stile #main p und #sider p jeweils über #main p und #sider p. Strukturell gesehen besteht Ihre Seite aus Bildern, Links, Listen, Absätzen usw. Diese Elemente selbst haben keinen Einfluss darauf, auf welchem Netzwerkgerät sie angezeigt werden (PDA, Mobiltelefon oder Internet-TV). Sie können als beliebiges Erscheinungsbild definiert werden.
Eine sorgfältig strukturierte HTML-Seite ist sehr einfach und jedes Element dient strukturellen Zwecken. Wenn Sie einen Absatz einrücken möchten, müssen Sie das Blockquote-Tag nicht verwenden. Verwenden Sie einfach das p-Tag und fügen Sie p eine CSS-Texteinrückungsregel hinzu, um den Einrückungszweck zu erreichen. p ist ein strukturiertes Tag und text-indent ist ein Präsentationsattribut. Ersteres gehört zu HTML und letzteres zu CSS. (Dies ist die legendäre Trennung von Struktur und Ausdruck)
Gut strukturierte HTML-Seiten haben fast keine Attribut-Tags. Der Code ist sehr sauber und prägnant. Beispielsweise kann der ursprüngliche Code jetzt nur noch in HTML geschrieben werden, und alle Dinge, die die Leistung steuern, werden in CSS geschrieben. In strukturiertem HTML ist eine Tabelle eine Tabelle, nichts anderes (ganz zu schweigen davon, dass sie nicht für Layout und Positionierung verwendet werden kann). ) ).
Natürlich sind CSS-Selektoren nicht nur so einfach. Zusätzlich zu IDs und Klassen gibt es auch Nachkommenselektoren, Attributselektoren usw.