Vergessene HTML-Relikte: Von X-UA-Compatible bis Skype Toolbar
Antiquated HTML Snippets and Artefacts
Der Artikel von vale.rocks präsentiert eine Sammlung veralteter HTML-Snippets und Artefakte, die einst aus Gründen der Browserkompatibilität, Drittanbieter-Integrationen oder Plattform-Hacks in Websites eingebaut wurden. Von Meta-Tags wie X-UA-Compatible und ICBM über bedingte Kommentare für Internet Explorer und Netscape bis hin zu PICS-Labels, Interpage-Transitions, Frame-Bustern und Meta-Tags für Baidu, Skype, Microsoft und Apple – jedes Relikt wird mit seiner Geschichte und Funktion erklärt. Der Autor zeigt, wie sich die Webentwicklung verändert hat und welche dieser Überbleibsel heute nur noch in alten Quelltexten zu finden sind.
Die Snippets, die nur noch im Markup von Websites vergangener Epochen und in den Köpfen derer weiterleben, die während der Browserkriege gekämpft haben.
- matsemann
Ich musste auch an Zeichensätze, BOM (Byte Order Marks) und andere Spielereien denken, die am Anfang der Datei korrekt sein mussten, damit alles wie erwartet angezeigt wurde. Zumindest war es für mich als 13-Jährigen eine Qual zu verstehen, warum æøå manchmal völlig kaputt angezeigt wurde und manchmal nicht. Heute fühlt es sich wie ein gelöstes Problem an, alle Dateien sind durchgehend UTF-8 und es funktioniert einfach.
https://www.w3.org/International/questions/qa-byte-order-mar...
- nness
Für immer in mein Gedächtnis gebrannt sind die PNG-Alpha-Workarounds im IE:
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png');
- CM30
Das erinnert mich daran, wie umständlich HTML-Doctypes früher waren. Heutzutage ist es ganz einfach, aber damals? Man musste auf jeder Seite die URL der Doctype-Deklaration angeben.
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Das zusammen mit dem im Artikel erwähnten X-UA-Compatible-Zeug führte dazu, dass die ersten Zeilen Code einer Webseite für viele Leute etwas waren, das sie wahrscheinlich jedes Mal aus einem Tutorial oder Referenzdokument kopierten, zumindest wenn sie kein CMS zur Hand hatten.
- rickcarlino
Serverseitige Image Maps sind auch ein lustiges Thema: https://rickcarlino.com/2021/what-were-server-side-image-map...
- cprecioso
Ich würde nur das `meta`-Tag für angeheftete Safari-Tabs hinzufügen (https://developer.apple.com/library/archive/documentation/Ap...), mit dem man ein einfaches schwarz-weißes SVG definieren musste. Dieses Bild wurde verwendet, wenn ein Benutzer deinen Tab in Safari angeheftet hat, in Farbe wenn aktiv und in Schwarz wenn inaktiv.