Schöner Code ist die Grundlage einer schönen Website. Exzellentes CSS existiert nur auf einem ebenso hervorragenden HTML-Code. Sauberer, semantischer HTML-Code macht eine Website robuster. Dieser Artikel beschreibt 12 Gesetze zum Erreichen eines sauberen Webdesign-Codes, der für jeden geeignet ist, der sich mit Webdesign beschäftigt.
1. Strenger DOCTYPE
Wenn Sie es machen wollen, machen Sie es richtig. Ob HTML 4.01 oder XHTML 1.0, sie alle bieten den Strict-Modus. Durch die Verwendung des Strict-Modus kann sichergestellt werden, dass unser Code keine Fehler verbirgt.
2. Zeichensatzdeklaration: Sonderzeichen werden codiert und verarbeitet.
Die Zeichensatzdeklaration sollte am Anfang des hea>-Teils platziert werden, damit der Browser weiß, wie der gesamte Inhalt der Webseite, einschließlich des Titels, angezeigt wird. Darüber hinaus werden einige Sonderzeichen wie & am besten durch & ersetzt, was die sicherste Methode ist.
3. Das ordnungsgemäße Sperren und
Einrücken hat keinen Einfluss auf die Darstellung von Webseiten, verbessert jedoch das Erlebnis beim Lesen des Quellcodes erheblich. Es gibt keine spezifischen Regeln für die Einrückung, es empfiehlt sich jedoch, durchgehend konsistent zu sein.
4. Das Einfügen von CSS und JavaScript
in
externe Dateien als Referenz verringert nicht nur die Größe einer einzelnen Webseite, sondern bedeutet auch, dass andere Webseiten diese Codes gemeinsam nutzen können besser sein.Minimieren Sie wiederholte Downloads desselben Codes.
5. Verschachteln Sie das Tag-Tag
wie unten gezeigt korrekt. In der ersten Codezeile wird das Tag „h1>“ in das Tag „a>“ verschachtelt. Dies ist jedoch keine gute Angewohnheit. aber Inline-Objekte, Inline-Objekte sollten keine Blockobjekte enthalten.
6. Eliminieren Sie unnötige Divs.
(Besonders im DIV+CSS-Mythos, in dem wir uns jetzt befinden – Menschen möchten alles in ein Div packen, damit ihnen CSS-Stile zugewiesen werden können.) im Blähbauch.
7. Verwenden Sie bessere Benennungsregeln.
Wie unten gezeigt, heißt die CSS-Klasse „Red Italic“, was bedeutet, dass Cat „Red Italic“ verwendet. Was ist, wenn Sie „Cat“ in „Blue Bold“ ändern möchten?
8. Versuchen Sie, die Textformatierung
wie in der Abbildung unten gezeigt mit CSS zu steuern. Verwenden Sie CSS, um die Textformatierung flexibler zu gestalten.
9. Weisen
Sie dem Body-Tag eine unabhängige Klasse/ID zu, mit der jedes Objekt auf der Seite leicht gefunden werden kann, da sich alle Objekte auf der Seite im Body befinden.
10. Überprüfung
Selbstverständlich sollten Sie den Code der Webseite so weit wie möglich überprüfen. Obwohl einige Codefehler automatisch vom Browser korrigiert werden können, haben einige Fehler schwerwiegende Folgen, insbesondere wenn Sie sich im strengen Modus befinden. Auch wenn Sie nichts unternehmen, kann Ihnen der Anblick des grünen W3C-Verifizierungszeichens zumindest ein besseres Gefühl geben.
Um die W3C-Verifizierung zu bestehen, müssen Sie nicht streng sein. Nur wenn Sie sich an die W3C-Verifizierungsergebnisse halten, gibt es viele Fehler im W3C-Standard 100 % Durch W3C-Verifizierung zu erklären, dass die eigene Website IE6 nicht unterstützt, wird, zumindest in China, mehr verlieren als gewinnen – Übersetzer
11. Angemessene strukturelle Reihenfolge
Halten Sie die Struktur der Webseite in einer logischen Reihenfolge.
12. Geben Sie Ihr Bestes.
Wenn Sie von Grund auf neu schreiben, ist es natürlich viel einfacher, die oben genannten Prinzipien beizubehalten. Wenn Sie den alten Code ändern müssen, wird es schmerzhaft sein , oder Ihr Es gibt so viele Dinge, die man auf einer großen Website ändern kann, egal was passiert, es ist sehr wichtig, immer gute Gewohnheiten beizubehalten.