Erstellen Sie Seiten mit sauberer HTML-Markup-HTML/Xhtml-Webseitenproduktion

Das Internet ist ein sich ständig weiterentwickelnder Organismus. Es ist sehr wichtig, eine Seite zu erstellen, die sich langfristig an die Entwicklung des Internets anpassen kann.

Die Verwendung sauberer HTML-Tags und die Erstellung standardkonformer Seiten können Ihnen dabei helfen, und was noch wichtiger ist, Sie können dadurch bei zukünftigen Vorgängen viel Zeit und Geld sparen.

Die Webseitentechnologie hat sich mit der Entwicklung der Internettechnologie seit langem weiterentwickelt, und auch die begleitenden Technologien haben sich stetig weiterentwickelt.

Zuerst war es Javascript, dann CSS, XML und jetzt auch AJAX. Auch die groß angelegte Anwendung von HTML5 nimmt Gestalt an – Firefox, Safari, Opera und Chrome unterstützen HTML5 grundsätzlich vollständig (zu diesem Thema Microsofts Internet). Der Explorer behindert erneut die Entwicklung des Internets#-_-)

In diesem Artikel werden wir die grundlegenden Webstandards untersuchen, diskutieren, was sie sind, welche Bedeutung sie haben und Lösungen für diese wichtigen, aber oft übersehenen Probleme finden.

Was ist „sauberes“ HTML-Markup?

Einfach ausgedrückt bedeutet „sauberes“ HTML-Markup: Keine Redundanz, Einhaltung von Standards, Verwendung aussagekräftiger Tags und Strukturen.

Der umständliche HTML-Code kann Tags vollständig nutzen, unnötigen Code eliminieren und nur aussagekräftige Tags speichern. Es vermeidet nutzlose Eigenschaften wie eingebettetes CSS und sorgt für eine übersichtliche Dokumentstruktur.

In ähnlicher Weise sollte umständlicher CSS-Code eine Duplizierung seiner selbst vermeiden, vererbbare Eigenschaften verwenden (denken Sie daran, dass die ursprüngliche Absicht von CSS die Kaskadierung von Stylesheets ist) und CSS-Klassen wissenschaftlich wiederverwenden.

Standardkonformität bedeutet, dass Ihre Seite die HTML-, CSS- und XML-Standardüberprüfung von W3C bestehen kann. Verwenden Sie den kostenlosen W3C-Validator, um Fehler zu finden und zu korrigieren und die Tests fortzusetzen dass es zu 100 % konform ist.

Warum ist das so? Reicht es nicht, solange es normal angezeigt werden kann?

Jedes Projekt hat ein enges Zeitlimit und Benutzer möchten, dass die Website so früh wie möglich veröffentlicht wird. Deshalb müssen Website-Entwickler und -Designer ihre Arbeit schnell und effizient erledigen.

Es ist leicht, in eine Falle zu tappen – schnell bedeutet schlampig, und das Schreiben von sauberem, standardkonformem Code ist Zeitverschwendung. Die Leute sagen oft: „Wenn es normal angezeigt wird, gibt es kein Problem.“

Auch wenn es in diesem Moment zu sehen ist, wie sieht es im nächsten Jahr aus? Wie sieht es in drei Jahren aus? Was soll ich tun, wenn ich meinen Browser aktualisiere? Ist das Gerät kompatibel?

Glauben Sie wirklich, dass Suchmaschinen Zeile für Zeile in Ihren Code eindringen? Wenn Sie keinen standardisierten Code verwenden, ist das gleichbedeutend damit, die Suchmaschinen selbst zu vertreiben.

Was passiert, wenn ein anderer Mitarbeiter Ihren Code ändert? Was passiert, wenn Sie von Ihrem Chef entlassen werden oder selbst den Job wechseln? Es wird Nachfolger geben, die sich Ihren Code ansehen und verstehen, was er bedeutet. Möchten Sie, dass es einfach ist, oder möchten Sie, dass er Sie hinter Ihrem Rücken ersticht?

Fangen Sie an, es richtig zu schreiben, es ist keine lästige Aufgabe, es wird Ihnen Zeit und Geld sparen und Ihnen weniger Sorgen bereiten.

Sie denken vielleicht, dass die Verwendung von eingebettetem CSS zum Schreiben von Seiten schneller ist, oder Sie denken, dass es bequemer ist, HTML direkt zu schreiben, ohne die Struktur zu berücksichtigen.

Aber wenn Sie das Dokument ändern oder die Website in Zukunft überarbeiten möchten, werden Sie mehr Zeit damit verbringen, die durch Code schlechter Qualität verursachten Störungen auszugleichen. Wenn Sie ein neues Stylesheet erstellen, wird Ihnen das im gesamten HTML-Code verstreute eingebettete CSS große Probleme bereiten und Sie können Stunden damit verbringen, es zu entfernen.

Erweiterbar, gerätefreundlich, semantisch und einfach zu aktualisieren

Mobile Browser entwickeln sich immer schneller. Der Internetzugang auf Mobiltelefonen ist nicht mehr nur für Blackberry verfügbar. Mittlerweile nutzen Hunderte Millionen Menschen täglich Mobiltelefone, um im Internet zu surfen.

Geräte mit unterstützender Browsing-Technologie, die für Menschen mit Sehbehinderungen entwickelt wurde, oder speziellen Bedienoberflächen, die für Menschen mit körperlichen Behinderungen entwickelt wurden, sind bereits weit verbreitet. Wenn Sie eine so große Nutzerbasis nicht verlieren möchten, müssen Sie die Gerätefreundlichkeit berücksichtigen.

Ihre Website wird Benutzern möglicherweise in Blindenschrift, mit Internet Content Storage , Google Snapshot usw. bereitgestellt. Tools, Ihre Seiten können auch nach dem Löschen noch lange im Web verbleiben.

Die Verwendung eines sauberen, standardkonformen Markups kann Ihnen den Umgang mit den oben genannten Situationen erleichtern.

Do und Don't („sollte“ und „nicht“)

DO – Verwenden Sie vordefinierte Tags. Zum Beispiel: h1 ist der wichtigste Teil des Inhalts einer Webseite, gefolgt von h2, h3 usw. Es kann nur ein h1 auf einer Webseite geben;

DO – Verwenden Sie aussagekräftige Elementnamen. Fragen Sie sich, wenn andere den Code lesen würden, würden sie die Bedeutung Ihrer Klassen- und ID-Benennung verstehen? Verwenden Sie beispielsweise #box12 oder #comment-footer. Welches ist Ihrer Meinung nach besser?

DO – Nutzen Sie die Vorteile der CSS-Vererbung voll aus. Zum Beispiel: Wenn Sie das Schriftartattribut in einem Container festlegen, müssen Sie es in seinen untergeordneten Elementen nicht separat festlegen, es sei denn, es verwendet eine andere Schriftart. Dadurch wird Ihr Stylesheet klar und prägnant.

DO – Machen Sie Ihren HTML-, CSS- und XML-Code kompatibel. Verwenden Sie den W3C-Validator, um Fehler und Warnungen zu überprüfen und sie zu beheben, bis Sie die Standards zu 100 % einhalten.

DO – Bidirektionale Überprüfung des vom WYSIWYG-Editor generierten Codes. WYSIWYG-Browser sind die Hauptquelle für Müllcode, daher muss der von ihnen generierte Code so weit wie möglich optimiert werden.

NICHT – Verwenden Sie keine Inline-CSS-Stile und überflüssigen Tags und Attribute. Auch wenn Sie sehr beschäftigt sind, fügen Sie diese Dinge nicht beiläufig hinzu.

NICHT – Geben Sie sich nicht mit der „richtigen Anzeige“ zufrieden. Denn auf der Seite versteckte Fehler können die Seite in anderen Browsern oder Geräten bis zur Unkenntlichkeit ruinieren.