Standardisieren Sie Ihre Webseiten_CSS/HTML

Heutzutage ist es beim Erstellen einer Website wichtig, die Standards einzuhalten und die XHTML- und CSS-Verifizierung zu bestehen. Wie kann ich also eine Website erstellen, die den Standards entspricht? mein BLOG Rekonstruktion und Produktion OSdev Einige Erfahrungen im Ressourcenprozess^_^.

Gehen Sie zu Web Designer, um einige Artikel über Webstandards zu lesen

Obwohl w3.org maßgeblicher ist, ist dies für diejenigen von uns, deren Muttersprache Chinesisch ist, einfacher zu verstehen:) Persönlich fühle ich mich wohler, als auf w3.org zu gehen, um die E-Texte zu lesen, die den Bildschirm füllen . Hier finden Sie viele Artikel zu XTHML, DIV+CSS-Layout, CSS-Techniken usw. Es gibt auch ein „Schritt für Schritt“ -Tutorial des Webmasters Ajie, das Schritt für Schritt vorstellt, wie man eine Website erstellt, die den Standards entspricht.

Verwerfen Sie die Tabelle und verwenden Sie das div+css-Layout

Dies scheint das Erste zu sein, was beim Entwerfen einer Webseite, die den Standards entspricht, zu tun ist:), DIV+CSS-Layout ist ebenfalls ein Trend. Informationen zur Verwendung des DIV+CSS-Layouts finden Sie in den Artikeln von w3cn.org: 16 Beispiele für CSS-Grundlayout, Typisches höhenadaptives Layout mit drei Zeilen und zwei zentrierten Spalten.

Tag schließen

In der Vergangenheit haben wir vielleicht nicht auf das Problem des Schließens von Tags wie img, p usw. geachtet. Bei der Verwendung dieser Tags haben wir oft nur den Anfang verwendet, ohne ihn richtig zu schließen. Normalerweise verwenden wir img wie folgt:

Aber in XHTML ist eine solche Situation nicht zulässig und sollte ausgeschaltet werden:

Außerdem wurde die Absatzmarke

früher direkt als

verwendet, aber ich habe nie daran gedacht,

am Ende des Absatzes hinzuzufügen, was in XHTML nicht zulässig ist.

Tags richtig verschachteln

Die Fehlertoleranz des Browsers ermöglicht es uns, den korrekten Anzeigeeffekt zu erzielen, selbst wenn wir eine Webseite schreiben, die nicht den Regeln entspricht, z. B. wenn

verwendet wird

Beispiel

Kein Problem, auch das ist in XHTML nicht erlaubt. XHTML stammt aus XML und XML muss strukturell sein. Daher müssen Tags beim Verschachteln Schicht für Schicht ohne Verschachtelung verschachtelt werden.

Stellen Sie den Zeichensatz richtig ein

Es scheint keine große Rolle zu spielen, aber die Einstellung des Zeichensatzes ist für die Analyse des Dokuments durch den Browser förderlicher.

Ausrichtung von Bildern

In XHTML kann das align-Attribut nur einer der drei Werte links, mitte, rechts oder oben, mitte und unten sein, und oft müssen Bild und Text absolut zentriert sein heißt, absmiddle verwenden. Nach der Verwendung von XHTML muss dieses Attribut verloren gehen. Was ist die Lösung? Ich weiß es nicht, aber es gibt einen Artikel im Web Designer, der dieses Problem erwähnt. Als ich den Blog umstrukturierte, stellte ich die Bildausrichtung auf „oben“ und der Anzeigeeffekt war akzeptabel.

behandelt &

in Links

Wenn Sie die GET-Methode zum Übergeben von Parametern in einer dynamischen Website verwenden und mehrere Parameter vorhanden sind, wird & verwendet, um jeden Parameter zu verbinden. Wenn in XHTML jedoch ein & vorhanden ist, bedeutet dies, dass es sich bei dem Folgenden um eine Entität handelt , aber niemand sollte denken, dass die Parameternamen nbsp, lt, gt sein sollten. XHTML schreibt vor, dass alle &, die keine Entitäten sind, in & konvertiert werden müssen. Wenn die Konvertierung nicht durchgeführt wird, wird bei der W3C-Überprüfung ein Fehler gemeldet und die Entität kann nicht gefunden werden.

Tatsächlich bin ich der Meinung, dass die Erstellung einer Website nach Standards viel einfacher ist als die Erstellung einer Website nach herkömmlichen Methoden. Da Struktur und Inhalt getrennt sind, muss beim Ändern der Anzeige nicht die gesamte Seite neu erstellt werden Effekt. Sie müssen nur den Stil in CSS neu schreiben. Und es ist praktisch für zukünftige Überarbeitungen. Darüber hinaus kann es, wie das FBS von Fdream, Skins ohne Aktualisierung ändern, was eine gute Sache ist~~