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 tun müssen, dann 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 kodiert Die Zeichensatzdeklaration sollte zuerst im Abschnitt „hea>“ 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. Richtige Verriegelung Die Einrückung 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. Platzieren Sie CSS und JavaScript in externen Dateien Das Platzieren von CSS- und JavaScript-Referenzen in externen Dateien verringert nicht nur die Größe einer einzelnen Webseite, sondern bedeutet auch, dass andere Webseiten diese Codes gemeinsam nutzen können. Darüber hinaus kann der Caching-Mechanismus des Browsers wiederholte Downloads desselben Codes effektiv reduzieren. 5. Tags richtig verschachteln Wie unten gezeigt, ist das h1>-Tag im a>-Tag verschachtelt. Obwohl die meisten Browser es korrekt rendern, ist dies keine gute Angewohnheit. Das Tag ist ein Blockobjekt, sondern ein Inline-Objekt. Inline-Objekte sollten kein Blockobjekt enthalten. 6. Eliminieren Sie unnötige Divs Divs werden häufig missbraucht (insbesondere im DIV+CSS-Mythos, in dem wir uns gerade befinden – Übersetzer). Die Leute möchten alles in ein Div packen, damit ihnen CSS-Stile zugewiesen werden können, und dieser Missbrauch kann zu Aufblähungen führen. 7. Verwenden Sie bessere Namenskonventionen Wie unten gezeigt, heißt die CSS-Klasse von Cat „Red Italic“, was bedeutet, dass Cat „Red Italic“ verwendet. Was ist, wenn Sie „Cat“ in „Blue Bold“ ändern möchten? 8. Versuchen Sie, CSS zur Steuerung des Textlayouts zu verwenden Verwenden Sie, wie in der Abbildung unten gezeigt, keine direkten Großbuchstaben. Verwenden Sie CSS, um die Formatierung dieser Wörter zu steuern, was flexibler ist. 9. Weisen Sie dem Körper eine unabhängige Klasse/ID zu Durch Zuweisen einer unabhängigen Klasse/ID zum Body-Tag kann jedes Objekt auf der Seite leicht gefunden werden, da sich alle Objekte auf der Seite im Body befinden. 10. Überprüfung Selbstverständlich sollten Sie nach Möglichkeit den Code Ihrer Webseiten überprüfen. Obwohl einige Codierungsfehler automatisch vom Browser korrigiert werden können, haben einige Fehler negative 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 % Wenn Sie durch W3C-Verifizierung bekannt geben, dass Ihre Website IE6 nicht unterstützt, zumindest in China, werden Sie mehr verlieren als gewinnen – Übersetzer 11. Angemessene strukturelle Ordnung Halten Sie die Struktur Ihrer Webseite in einer logischen Reihenfolge. 12. Gib dein 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öchten, wird die schlechte Codierung einiger CMS-Systeme Sie in einen Sumpf bringen Wenn die Website groß ist, muss sie geändert werden. Es gibt so viele Dinge, egal was passiert, es ist wichtig, immer gute Gewohnheiten beizubehalten.