Ich bin schon lange mit Webstandards vertraut, aber es ist noch nicht lange her, dass ich angefangen habe, sie zu üben. Heute möchte ich Neulingen wie Wölfen einige Einblicke in die Codestruktur geben. Bei diesem Artikel handelt es sich um eine einführende Lektüre.
Einige Freunde sind möglicherweise etwas verwirrt, nachdem sie diesen Titel gesehen haben. Lassen Sie ihn also von Wolf allen erklären.
Lassen Sie uns zunächst über Wolfs Verständnis der Wortart „DIV CSS“ sprechen. Wolf hält es für ein Adjektiv. Sie beschrieb die Einführung einer Webdesign-Technologie, die DIV (eigentlich XHTML) als Struktur und CSS als Präsentation verwendet. Als Webstandards in China eingeführt wurden, bezeichneten viele Menschen die Verwendung von Webstandarddesign als „DIV CSS“, um es für alle verständlicher zu machen. Es traten jedoch auch Probleme auf! Viele Designer, die mit Webstandards noch nicht vertraut sind, denken einfach, dass sie DIV verwenden sollten, um unser ursprüngliches Tabellenlayout zu ersetzen. Die Struktur der von ihnen entworfenen Webseiten umfasst auch DIV und CSS.
Der auftretende Fehler ist in der Abbildung dargestellt. Alle Elemente übernehmen das DIV-Layout.
Eine einfache Analyse des Fehlers: Viele Anfänger verwenden DIV vollständig für das Layout. In einer solchen Struktur haben DIV2 und 3 überhaupt keine Semantik. Einer der Gründe, warum wir Webstandards übernehmen, besteht darin, die Struktur des Codes aussagekräftiger zu machen. Ich erinnere mich, dass ich dachte, dass die Experten sagten, dass die wahllose Verwendung von DIV genauso schlecht sei wie die Verwendung des Tabellenlayouts.
Tatsächlich können wir den Code so ändern. Lassen Sie uns die Struktur unserer Webseite verbessern.
Hier werden DIV2 und 3 durch h2 und p ersetzt, die besser zum Inhalt der Seite passen. Machen Sie die Codestruktur der Seite klarer und aussagekräftiger.
Ich glaube, dass jeder anhand von Wolfs Beispiel die Bedeutung von „DIV CSS ist nicht wirklich DIV CSS“ verstehen sollte.