Einige meiner Gedankennotizen zu Webstandards (1)_Erfahrungsaustausch

Ich habe Anfang letzten Jahres angefangen, Webstandards zu erlernen, und habe in den letzten zwei Jahren einige Erfahrungen gesammelt. Ich habe kürzlich den Job gewechselt und bin zu Hause einfach frei, also habe ich etwas geschrieben, das ich mit allen teilen kann.

1 Verständnis von Webstandards und W3C-XHTML-Spezifikationen

Nach dem üblichen Verständnis scheinen sich diese beiden Konzepte auf dasselbe zu beziehen (diese Dinge besprechen wir in dieser Ausgabe). Fortgeschrittene Theorie"^_ ^). Aber ich denke, dass diese beiden Dinge aus technischer Sicht tatsächlich so gut wie überhaupt keinen Zusammenhang haben. Kurz gesagt, Webstandards dienen dazu, die Struktur, Leistung und das Verhalten der Seite unabhängig zu implementieren. Im Allgemeinen handelt es sich bei der heutigen Rekrutierung um die beliebte Sprache „div + css“. Allerdings schränkt keine Version von W3C XHTML das Konzept der Webstandards ein. Offensichtlich können wir xhtml 1.1 verwenden, um eine tabellenpositionierte Webseite zu schreiben. An diesem Punkt denken Sie vielleicht, dass ich viel Unsinn rede. Aber Sie können jede Technologie nur dann richtig nutzen, wenn Sie die Grundkonzepte genau genug verstehen. Lassen Sie mich aus den folgenden zwei Aspekten über die beiden fehlgeleiteten Wege heutiger Web-Standardanwendungen sprechen:

Die erste Situation ist sehr einfach. Ich denke, solange XHTML+CSS verwendet wird, ist es ein Webstandard. Die Seite ist voller Klassen und IDs. Fühlen Sie sich frei, für jedes Detail separate Klassen zu definieren. Der Unterschied zwischen einer solchen Seite und herkömmlichem HTML besteht darin, dass das img-Tag ein zusätzliches „/“ enthält. Tatsächlich ist es besser, zum herkömmlichen HTML zurückzukehren. Zumindest kann ich Schriftarten problemlos verwenden, anstatt wie in einem Wörterbuch immer im Stylesheet nachzuschlagen. Eine weitere, subtilere und beiläufigere Verwendung von CSS, über die ich später sprechen werde.

Ich denke, die zweite Situation ist schwieriger zu verstehen, nämlich der Versuch, verschiedene komplizierte Div-Verschachtelungen und CSS-Anweisungen zu verwenden, um die gewünschte Leistung zu erzielen. Ein sehr einfaches Beispiel ist in einem Beitrag, den ich gerade gesehen habe: „ Abgerundete Ecken auf der Seite, ohne das Bild zu beschneiden “. Zunächst möchte ich sicherstellen, dass diese Idee wirklich gut ist, indem ich die CSS-Funktion verwende, um die abgerundeten Ecken zu „zeichnen“. Dazu muss der Designer einen großen Codeabschnitt wie folgt an der entsprechenden Position hinzufügen:




Dies verstößt jedoch gravierend gegen das Grundkonzept von Webstandards – die Trennung von Struktur und Leistung . Denn es platziert den Code, der zur Steuerung der Leistung der Webseite verwendet wird, im Strukturdokument. Vielleicht würden Sie sagen, dass es tatsächlich den eigentlichen Leistungscode in CSS ablegt. Aber ich denke, das ist ein gestohlenes Konzept. Da die oben genannten B-Tags nichts mit der Struktur der Webseite zu tun haben, sind sie alle leere Tags. Das heißt, es gibt keine Möglichkeit, etwas dort zu platzieren, wo die Dokumentstruktur es erfordert. Es handelt sich also lediglich um Junk-Code für die Dokumentstruktur.

Ein anderes Beispiel könnte subtiler sein. Ich habe auf alistapart.com bereits einen Artikel über die Implementierung von Drei-Wege-Spalten auf einer Webseite gesehen. Das Prinzip besteht wahrscheinlich darin, drei oder vier Divs zu verwenden, um sich gegenseitig zu verschachteln. Ich denke, dass dies auch ein Verstoß gegen Webstandards ist. Denn die Reihenfolge, in der diese div-Tags im Code platziert werden, dient nicht nur strukturellen Anforderungen, sondern auch der Leistung der Webseite.

Natürlich gebe ich zu, dass der obige Standpunkt bis zu einem gewissen Grad übertrieben ist (aber andererseits, wenn man abgerundete Ecken ohne Bild implementieren muss, ist das nicht auch übertrieben, haha) . Manchmal lassen sich Struktur und Leistung nicht so einfach trennen. Um eine reichhaltige Leistung zu erzielen, müssen wir die Struktur anpassen (denken Sie an die Verwendung von

). Aber es ist wichtig zu wissen, was richtig und was falsch ist. Auch wenn wir manchmal etwas falsch machen müssen.

Abschließend möchte ich festhalten, dass ich nicht sage, dass „abgerundete Ecken außerhalb des Bildes“ bedeutungslos oder falsch sind. Ich bewundere auch die Intelligenz und Inspiration des Autors. Ich denke, diese Art der technischen Recherche ähnelt der vorherigen Verwendung von CSS zum Zeichnen der Nationalflagge und ist sehr hilfreich für die Beherrschung der CSS-Technologie. Allerdings sollte seine Verwendung ebenso eingeschränkt sein wie das CSS-Flag und nicht in praktische Anwendungen übernommen werden. Weil es gegen die Grundprinzipien von Webstandards verstößt.