Im heutigen Internetbereich wird der Begriff WEB-Standard in den Vorstellungen von Benutzern und Webentwicklern immer beliebter. Allerdings ist das Konzept der WEB-Standards zu allgemein und es gibt unterschiedliche Ansichten darüber, was genau ein WEB-Standard ist und was er enthält. Auf dem von China E-Dong.com gesponserten ShopEx-Template-Wettbewerbsforum „E-Dong Cup“ sprachen Teilnehmer und Rezensenten begeistert über WEB-Standards und „Ausdruckstechniken“ von Template-Codes. In diesem Artikel werden die Ansichten des Autors zu WEB-Standards erläutert. Damit jeder die Konzepte verstehen kann, auf die sich WEB-Standards im Allgemeinen beziehen.
Es gibt keine sogenannten „Standards“, sondern nur Vorschläge
Zunächst einmal sollten Sie verstehen, dass es keine echten WEB-Standards gibt. Es gibt jedoch einige Organisationen, die die Standardisierung fördern, wie etwa ISO-Standards und Ecma. Wenn die meisten Leute sich auf WEB-Standards beziehen, beziehen sie sich tatsächlich auf etwas vom W3C. Aber das W3C setzt keine wirklichen Standards, sondern gibt nur Empfehlungen. In ihren eigenen Worten: „Eine W3C-Empfehlung ist eine Spezifikation oder ein Satz von Richtlinien, die nach umfassender Konsensbildung die Zustimmung der W3C-Mitglieder und des Direktors erhalten haben.“ Das W3C empfiehlt die breite Verbreitung seiner Empfehlungen.“
Die Bedeutung von WEB-Standards
Im Allgemeinen bestehen WEB-Standards aus den folgenden Teilen:
• Gültiges HTML/XHTML
•Die Codesemantik ist klar
•Trennung von Inhalt (HTML/XHTML), Präsentation (CSS) und Interaktion (Javascript)
Für manche Menschen bedeuten Webstandards all das, während es für andere vielleicht nur ein kleiner Teil davon ist. Aber am wichtigsten sind diese drei Teile, die für den Aufbau einer großartigen Website unerlässlich sind.
Gültiges HTML/XHTML
Beginnen wir mit dem ersten Punkt: Gültiger Code ist der erste Schritt in Richtung WEB-Standards. Für die meisten Menschen bedeutet „gültig“ nur HTML/XHTML-Code, aber vergessen Sie nicht, dass es auch eine CSS-Validierung gibt. Die Überprüfung der Gültigkeit Ihres HTML-/XHTML-Codes bedeutet im Wesentlichen, ob der Code auf Ihrer Webseite dem von Ihnen ausgewählten Dokumenttyp entspricht.
Die Auswahl des richtigen Dokumenttyps ist wichtig, da er bestimmt, wie HTML-/XHTML-Code interpretiert wird und wie sich das Layout in verschiedenen Browsern unterscheidet. Der verifizierte Code kann in verschiedenen Browsern gut angezeigt werden, ohne dass allzu große Rücksicht auf die Browserkompatibilität genommen werden muss. Durch die Validierung können Sie potenziell schädlichen Code auf der Seite entdecken, ihn beheben, um den Entwicklungsprozess effizienter zu gestalten und zukünftige Wartungskosten zu senken.
Tool zur Codeüberprüfung
• W3C-Markup-Validierungsdienst
• Firefox HTML Validator-Add-on
• Internet Explorer-Entwicklersymbolleiste
Die Codesemantik ist klar
Jedes Element, das auf der Seite vorhanden ist, sollte seine Bedeutung haben und in der Lage sein, seine Bedeutung genau auszudrücken. Einfach ausgedrückt bedeutet es, die geeigneten Elemente basierend auf dem Kontext auszuwählen. Beispiele sind wie folgt
Dieser Code ist unklar
| Nachfolgend der zitierte Inhalt: <div class="page-heading">Titel der Seite</div> <a class="menu-item" href="/item-1">Menüpunkt 1</a> |
Bei gleicher Leistung ist die Semantik viel klarer
| Nachfolgend der zitierte Inhalt: <h1>Titel der Seite</h1> <ul class="menu"> |
Es ist eigentlich sehr einfach, die Codesemantik zu verdeutlichen. Verwenden Sie h1-h6, um den Titel zu definieren, verwenden Sie p, um den Artikelabsatz zu definieren, verwenden Sie ul, ol usw., um die Listenelemente usw. zu definieren. . . Dies erleichtert Ihnen das Auffinden der gewünschten Teile des Codes und kann die Seitenladezeiten erheblich verkürzen, da dadurch die Codemenge reduziert wird. Und vergessen Sie nicht, dass dies auch für SEO hilfreich ist. Eine klare Semantik kann Google und anderen Suchmaschinen dabei helfen, Ihre Website besser zu indexieren.
Trennung von Inhalt (HTML/XHTML), Darstellung (CSS) und Interaktion (Javascript)
Es gibt viele Gründe, warum es wichtig ist, Inhalt (HTML/XHTML), Präsentation (CSS) und Interaktivität (Javascript) zu trennen. Sie haben unterschiedliche Arbeitsteilungen und ihre sinnvolle Nutzung erfordert sorgfältige Überlegungen.
Gründe für die Trennung
Leistung: Externe Dateien wie CSS und JS werden nach dem ersten Laden im Cache des Benutzers gespeichert, was spätere Ladezeit spart und das Erlebnis verbessert.
Insgesamt: Sie können die Codes immer finden und genau platzieren.
Benutzerfreundlichkeit: Sie können jederzeit problemlos auf den Code verweisen und ihn auf Ihrer Website wiederverwenden.
Wartung: Alle Codes im Zusammenhang mit Leistung und Interaktion werden zur einfachen Wartung zentral gespeichert.
Wie kommt man den Benutzern näher?
Einige Leute sagen, dass es mehr Zeit kostet, eine Website näher an die Benutzer heranzuführen. Tatsächlich haben Sie jedoch, solange Sie die drei im Artikel erwähnten Punkte umsetzen können, bereits einen großen Schritt vorwärts auf dem Weg zur Annäherung an die Benutzer gemacht Benutzer.
Korrekter und effektiver Code erleichtert Ihnen das Auffinden fehlerhafter Inhalte auf der Seite. Code mit klarer Semantik kann Handheld-Geräte besser unterstützen und auch ohne CSS-Änderung dafür sorgen, dass die Website von Benutzern besser durchsucht wird. Die Trennung von Struktur, Leistung und Interaktion ermöglicht es der Website, grundlegende Funktionen auch ohne JavaScript-Unterstützung beizubehalten. Natürlich können Sie das Site-Erlebnis durch das Hinzufügen einer JavaScript-Ebene verbessern, aber dies ist definitiv nicht der grundlegendste Teil des Betriebs einer Website.