Durchsetzung von Web-Coding-Standards [Duplikat]

Question

Auf diese Frage gibt es hier bereits eine Antwort:

• Grundlegender Codierungsstandard für HTML und CSS [geschlossen] 3 Antworten

Der HTML-Standard definiert eine klare Trennung der Belange zwischen CSS (Präsentation) und HTML (Semantik oder Struktur).

Verwendet jemand ein Dokument mit Codierungsstandards für CSS und XHTML, das Klauseln enthält, die dabei helfen, diese Trennung aufrechtzuerhalten?Welche Klauseln sollten in ein solches Kodierungsstandardsdokument aufgenommen werden?

Answer 1

Wir haben kein physisches Dokument, das wir alle dort aufbewahren, wo ich arbeite.Es gibt eine Reihe von Richtlinien, die wir zu beachten versuchen, aber es liegen nicht wirklich genügend Informationen vor, um ein physisches Dokument zu verlangen. Dieser Artikel fasst diese Richtlinien ziemlich gut zusammen.Sie können auch eine Formatierung in Betracht ziehen CSS um das Lesen zu erleichtern. Überwältigendes Magazin hat einen tollen Artikel zu diesem Thema.

Answer 2

Der Artikel, auf den sich @Lee Theobald bezieht, ist ein guter Anfang.

Einige grundlegende Ideen, die ich beim Markieren zu berücksichtigen versuche:

Bezüglich HTML:

Versuchen Sie, für die nächste Person zu schreiben – denken Sie also darüber nach, wie einfach oder schwierig es für jemand anderen sein könnte, Ihre Arbeit abzuholen und weiterzumachen.

Um dieses Prinzip zu unterstützen, sollten Sie versuchen, sicherzustellen, dass Ihr Markup so gut lesbar wie möglich ist – insbesondere Klassen- und ID-Tags sollten sich darauf beziehen so viel wie möglich ihrem beabsichtigten Inhalt entsprechen.Mit anderen Worten: Versuchen Sie, Ihre Tags zu verwenden, um die Art des Inhalts zu beschreiben, den sie haben werden.

Zum Beispiel „Subnavigation“, „Inhalt“ usw.

Das Ziel besteht darin, Markierungen bereitzustellen, die jemand erkennen kann, ohne ihn zuvor angeschaut zu haben, und einen Eindruck von der logischen Struktur des Dokuments zu bekommen.

Versuchen Sie außerdem, das Hinzufügen von Markups zu vermeiden, die lediglich der Erzielung eines visuellen Effekts dienen.Bedenken Sie jedoch, dass eine Website, die auch nur ein leicht anspruchsvolles Design erfordert, wahrscheinlich nicht in der Lage sein wird, nicht-semantisches Markup zu vermeiden, da die aktuellen CSS-Implementierungen und Probleme mit der Browserkompatibilität Schwächen aufweisen.

Bezüglich CSS-Dateien:

Viele Leute unterteilen ihr CSS mithilfe von Kommentaren in Abschnitte und unterteilen sie in funktionale oder strukturelle Bereiche.Sie könnten also einen Abschnitt für Ihre Kopfzeile, Ihre Fußzeile, Ihre Typografie usw. haben.Andere gehen noch einen Schritt weiter und teilen CSS auf Dateien auf, wobei eines für die Typografie, eines für das Layout usw. vorgesehen ist.Allerdings kann dies laut Yslow!kann sich aufgrund erhöhter HTTP-Anfragen negativ auf das Laden der Seite auswirken.

Ich könnte mehr schreiben, aber wie Sie sehen, fällt es mir schwer, mich prägnant zu fassen.Ich hoffe, das ist für Sie von Nutzen.