HTML ist einer der Grundbausteine des Webs. Aber so wie sich die Best Practices und Techniken für das Webdesign im Laufe der Zeit ändern, ändert sich auch der Code, den wir verwenden. Im Zuge der Weiterentwicklung von HTML sind einige seiner älteren Markups veraltet, während andere Teile für andere Zwecke verwendet wurden.
Aber bereitet uns das noch mehr Probleme? Wäre es besser, wenn wir von vorne beginnen, um sicherzustellen, dass wir alle mit derselben Sprache arbeiten, anstatt zu versuchen, die Teile herauszuschneiden, die wir nicht wollen oder brauchen?
Probleme mit der Beibehaltung von Legacy-HTML
Werfen wir einen Blick darauf, was passiert, wenn wir die HTML-Regeln im Laufe der Zeit ändern, und welche Auswirkungen dies auf das Web hat:
1. Es ist riskant, veraltetes HTML hinter sich zu lassen
Ob bestimmte Funktionen veraltet sind und entfernt werden müssen oder ob Browser bestimmte Tags überhaupt nicht mehr unterstützen, Veralteter Code wird irgendwann zum Problem.
Sie finden eine lange Liste veralteter HTML-Codes auf der HTML.com Webseite:
Bei vielen davon wurden HTML-Tags und -Attribute durch effizienteres CSS-Styling ersetzt. Es gibt auch Beispiele dafür, dass HTML veraltet ist, weil die Funktionen veraltet sind (z. B. Frames).
Dennoch gibt es immer noch Websites, die veraltetes HTML enthalten.
In manchen Fällen liegt der HTML-Code stillschweigend auf der anderen Seite der Website. Wenn jedoch genug von diesem fehlerhaften Code herumhängt, dann diese zusätzlichen Zeichen und Anweisungen könnte die Verarbeitungszeit Ihres Servers verlangsamen und rendern Seiten langsamer als gewöhnlich.
In anderen Fällen ist der HTML unterbricht Funktionen im Frontend einer Website. Nimm zum Beispiel, diese Warnung von Mozilla zum
Die Verwendung veralteten Codes kann zu inkonsistenten und schlechten Erfahrungen im Front-End führen. Und wenn schließlich alle Browser mitmachen und beschließen, ein HTML-Tag nicht mehr zu unterstützen, werden alle Besucher mit einer kaputten Benutzeroberfläche zurückbleiben.
Es ist zwar großartig, dass HTML5 altes HTML, das nicht mehr nützlich oder notwendig ist, veraltet hat, aber das soll nicht alle davon abhalten, es zu verwenden oder es auf älteren Websites zu belassen.
2. Legacy-Code konzentriert sich auf Stil; Keine Semantik
Wie ich bereits erwähnt habe, wurden viele veraltete HTML-Elemente abgeschafft und durch CSS-Stile ersetzt. Und das ist gut so.
Lassen Sie mich Ihnen ein einfaches Beispiel dafür geben …
Mein Lieblingsbuch ist The Stand von Stephen King. Als ich es zum ersten Mal las, habe ich drei Tage nicht geschlafen. Glücklicherweise habe ich, wenn ich es mir jedes Jahr noch einmal anschaue, weniger Albträume und kann den Aspekt des Geschichtenerzählens besser schätzen.
Im obigen Absatz habe ich das -Tag verwendet, um mehrere Wörter kursiv zu schreiben.
In den Anfängen von HTML stand für „kursiv“ (das Wort „way“ stand für „fett“). Mit HTML5 wird jedoch immer noch kursiv dargestellt, aber seine semantische Bedeutung ist nicht so weit gefasst. Es wurde umgestaltet, um auf eine stilistische Änderung hinzuweisenwas für Dinge wie Buch- und Filmnamen, Fremdwörter usw. wichtig ist. Betonung ausdrückenverwenden wir stattdessen das Tag .
Das Beibehalten der alten Tags und kann jedoch zu Problemen führen.
In der obigen Aussage habe ich den Namen des Buches (The Stand) sowie die Anzahl der schlaflosen Nächte (drei Tage) mit kursiv geschrieben. Ob der Designer heute, morgen oder in zehn Monaten beschließt, die Art und Weise, wie literarische oder filmische Referenzen gestaltet werden, zu ändern, meine Wahl von HTML wird ihm im Weg stehen.
Da mein gesamter kursiver Text durch gekennzeichnet ist, können Stile nicht allgemein auf bestimmte Inhalte (z. B. Buchreferenzen) angewendet werden. Stattdessen müsste der Designer meinen Code durchgehen und bereinigen, damit er so aussieht:
Mein Lieblingsbuch ist The Stand von Stephen King. Als ich es zum ersten Mal las, habe ich drei Tage nicht geschlafen. Glücklicherweise habe ich weniger Albträume, wenn ich es jedes Jahr wieder aufs Neue besuche, und kann den Aspekt des Geschichtenerzählens besser schätzen.
Dies würde dann ermöglichen, dass der semantisch kursiv geschriebene Inhalt intakt bleibt, während der Designer oder Entwickler die Stile des Buchtitels hier und auf der gesamten Website anpasst. (Obwohl die erste kursiv geschriebene Phrase eigentlich von umgeben sein sollte, da dies semantisch genauer wäre.)
Obwohl es großartig ist, dass wir heute Richtlinien für die Verwendung von Legacy-HTML erstellt haben, Das Beibehalten von altem Code kann verwirrend sein Autoren, Designer und andere, die mit der bisherigen Art der Inhaltsformatierung vertraut sind. Indem wir HTML zurücksetzen, alte Stile verwerfen und eine Sprache schaffen, die wir im gesamten Web konsistent verwenden, werden wir uns später nicht noch mehr Arbeit machen.
3. Veralteter Code behindert die Zugänglichkeit
Ein weiterer wichtiger Grund, warum umfunktioniertes und veraltetes HTML ein Problem darstellt, ist die Barrierefreiheit.
Erstens: Wenn Sie veralteten und nicht unterstützten Code zurücklassen, ist dies wahrscheinlich der Fall verursachen Probleme für Bildschirmleseprogramme, Suchmaschinen und Browser die HTML für Hinweise auf den Inhalt verwenden.
Header-Tags (z. B.
,
,
) werden beispielsweise nicht nur dazu verwendet, große Textblöcke sichtbar aufzuteilen. Header-Tags und insbesondere ihre Hierarchie stellen wichtige Informationen über die Beziehung zwischen den Themen auf einer Seite dar – und das ist die Art von Dingen, die Screenreader und Suchmaschinen aufgreifen.
) werden beispielsweise nicht nur dazu verwendet, große Textblöcke sichtbar aufzuteilen. Header-Tags und insbesondere ihre Hierarchie stellen wichtige Informationen über die Beziehung zwischen den Themen auf einer Seite dar – und das ist die Art von Dingen, die Screenreader und Suchmaschinen aufgreifen.
Deshalb müssen wir sehr vorsichtig mit dem Code sein, den wir hinter den Kulissen hinterlassen, auch wenn die Leser im Frontend ihn nicht sichtbar sehen können. Schauen wir uns ein Beispiel an, wie sich dies auf die Barrierefreiheit auswirken kann:
Gibt es heute Abend ein à la carte-Menü oder gibt es nur einen Prix Fixe?
Wenn ein Screenreader diesen Satz vorlesen würde, würden die französischen Phrasen mit der gleichen Betonung wie alle anderen kursiv geschriebenen Wörter auf der Seite ausgesprochen.
Aus diesem Grund fördert HTML5 die semantische statt der rein stilistischen Codierung.
Der richtige Weg, HTML in die obige Zeile zu schreiben, wäre:
Gibt es ein à la carte-Menü oder gibt es heute Abend nur einen Fixpreis?
Dafür gibt es zwei Gründe:
- Um Screenreadern anzuzeigen, dass es eine Sprachänderung gibt.
- Um es Designern oder Entwicklern zu erleichtern, einen benutzerdefinierten Stil für Fremdphrasen zu erstellen.
Semantische Codierung ist für Designer, die daran arbeiten, von wesentlicher Bedeutung mehrsprachige Websites.
Wie das World Wide Web Consortium erklärtverwenden Sprachen wie Japanisch keine Kursivschrift oder Fettschrift zur Hervorhebung – zumindest nicht im Gegensatz zu Englischsprachigen.
Um also eine Seite richtig aus dem Englischen zu übersetzen, müsste ein japanischer Designer die Kursivschrift oder Fettschrift entfernen und den Wörtern umgebende Klammern hinzufügen. Wenn jedoch alles mit und codiert ist oder eine Mischung aus und sowie und vorliegt, wird es wirklich schwierig, das Richtige zu finden und zu ersetzen HTML mit Leichtigkeit.
Wenn Ihnen also Barrierefreiheit oder Internationalisierung überhaupt Sorgen bereiten, ist es wirklich wichtig, sich darüber im Klaren zu sein, mit welchem HTML Sie schreiben.
Einpacken
Tatsache ist, dass es viel Arbeit erfordert, die Regeln von HTML neu zu schreiben. Es wäre zwar großartig, HTML zurückzusetzen, aber ich weiß nicht, ob das so praktisch ist.
Alles, was wir wirklich tun können, ist, auf dem Laufenden zu bleiben, was mit der Sprache passiert, alten Code von unseren Websites zu entfernen, sobald er veraltet ist, und immer unterstützte Tags und Attribute zu verwenden. Indem wir mit veraltetem oder zweckentfremdetem Code herumspielen, gefährden wir nur das Erlebnis der Website-Besucher. Daher ist es am besten, sich bei jeder Gelegenheit die Zeit zu nehmen, den alten Code zu entfernen.
Wenn wir uns in dieser Frage alle einig sind, wird problematisches altes HTML irgendwann von unseren Websites und aus unseren Erinnerungen verschwinden.
Ausgewähltes Bild über Unsplash.
