• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

HTML5 / CSS3 und alte Browser

D

Darry

New member
Hallo.

Mal ne kurze Frage:

Was passiert in alten Browsen, wenn man neue HTML5 Elemente nutzt, die es dort noch nicht gegeben hat?
Ignorieren die diese einfach?
Oder zeigen die dann irgendwas an?

Ich möchte nicht zu viel "Aufwand" in die Abwärtskompatibilität stecken was die Darstellung betrifft, und ich will ich sogenannte Browserweichen oder Hacks vermeiden wo es geht. Ich will mich aber auch nicht den neuen Möglichkeiten berauben.

Es soll aber auch kein "textwirrwar" angezeigt werden in alten Browsern, sondern der Content soll notfalls einfach als "Plain Text" ohne jegliches Design dargestellt werden.

LG
 
Hi.

Also wenn ich z.B. <header id=header> schreibe, für den Kopfbereich, oder <main id=main> , dann könnte ich es in alten Browsern auch nicht per CSS ansprechen?

Aber ich könnte <main><div id=header> schreiben, um die HTML5 Semantik, kombiniert mit einer grundlegenden Abwärtskompatibilität, zu haben?


Gibt es denn eine einfache Möglichkeit, irgendwie die HTML5 Kompatibilität des Browsers auszuwerten, vielleicht sogar ohne JavaScript und Useragent Analyse
Also quasi eine "ganz einfache" und globale Browserweiche, die alle "Problemfälle" einfach auf den "Text-Modus" umleitet.

Ich will ja weitestgehend auf Workarounds verzichten beim Layout, aber ich will dass zumindest der Content (Also der Main Bereich) als reiner Text immer lesbar bleibt.

- - - Aktualisiert - - -

Folgende Idee ist mir noch gekommen:

Ich füge oben im Headerbereich folgendes ein:

Code: 
<![if lte IE 9]><meta http-equiv="refresh" content="0; url="legacy.php"><![endif]>

<noscript><meta http-equiv="refresh" content="0"; url=legacy.php"></noscript>

Damit soll dann schonmal der unsägliche IE in den alten Versionen auf den Textmodus geleitet werden.

Bei Chrome und FF in "Uraltversionen" ist es nicht so schlimm, die sind toleranter und zerschießen nicht gleich das ganze layout.
Außerdem gibts die eh kaum noch in der freien Wildbahn.
Alte IE findet man aber vereinzelt noch, weil es eben mit Windows mitgeliefert wurde, und manche Firmen auch noch alte IE Versionen für ihr Intranet nutzen.


Des Weiteren werden die Leute, die JavaScript ausgeschaltet haben (und automatische Systeme ohne JS), auf den Textmodus umgeleitet.
Wenn JavaScript an ist, kann immerhin noch html5shiv oder modernizr eingebaut werden.

Weitere Altsysteme und crawler usw kann man noch per php abfangen und auf den legacymode umleiten.

Was meint ihr? Wäre das eine gute Option, um sich als Webentwickler beim Layout keine Gedanken und keinen Aufwand bezüglich Abwärtskompatibilität machen zu müssen, aber dennoch den eigentlichen Content zumindest in einfacher Textform bereit stellen zu können?

Legacy.php gibt dann nur eine stark vereinfachte Navigation als Textlinks aus, gefolgt vom Seiteninhalt als als simples HTML 4.01 (Als Fließtext, noch nicht mal ein Tabellenlayout als Ersatz) und ohne CSS und JS usw

Dinge wie Sidebar, Shoutbox, Chat, Werbung, Audio- und Videoinhalte werden einfach ausgelassen.
 
Darry schrieb:
dann könnte ich es in alten Browsern auch nicht per CSS ansprechen?
Zum Vergrößern anklicken....
Wenn ich mich richtig erinnere, machen da ältere IEs Probleme. Das kannst du aber mit einem einfachen Hack lösen. Einfach im <head> ein <script> mit folgendem Inhalt einfügen:
Code: 
(function(){
	var names = "article|aside|command|details|summary|figure|figcaption|footer|header|hgroup|mark|meter|nav|progress|ruby|rt|rp|section|time|wbr|audio|video|source|embed|canvas|datalist|keygen|output".split("|");
	for (var i = names.length - 1; i >= 0; i -= 1){
		document.createElement(names[i]);
	}
});

Darry schrieb:
vielleicht sogar ohne JavaScript und Useragent Analyse
Zum Vergrößern anklicken....
Nicht so wirklich. Welche Information willst du denn sonst als Grundlage nehmen?

Darry schrieb:
aber ich will dass zumindest der Content (Also der Main Bereich) als reiner Text immer lesbar bleibt.
Zum Vergrößern anklicken....
Das sollte sowieso der Fall sein.
 
Danke für das Script.
Da findet aber keine Prüfung statt, ob das Element schon existiert, also könnte man es nicht einfach pauschal einbinden, sondern müsste noch nen check machen, oder?
Oder kann man es trotzdem "Pauschal" in die Hauptseite einbinden und ausführen, ohne weitere Checks?

Wie z.B. den CSS Clearfix Hack kann man ja auch einfach "Pauschal" per copy+paste einbinden ohne weiteren Aufwand, also mach ich den wohl mit rein.

Schade, dass es für html5 Support nichts in der Art "Conditional comment" gibt.

Aber wenn ich mit
Code: 
    <!--[if lte IE 9]><meta http-equiv="refresh" content="2; url=legacy.php"><![endif]-->
    <noscript><meta http-equiv="refresh" content="2; url=legacy.php"></noscript>

schonmal alle älteren IE und auch Browser ohne aktiviertes Javascript auf den "Textmodus" umleite, sollte man sich ja einen großen Teil Aufwand bzgl Kompatibilität und entledigt haben oder?

Ich bin auf dem Standpunkt, lieber ne separate, "Legacyversion" ohne neuestes CSS/JS und ohne Schnickschnak zu machen, anstatt auf der Hauptseite dann massenhaft Browserweichen und Checks einbauen zu müssen.

Der "Textmodus" kann nebenbei ja auch für die ganzen Crawler und Bots gut sein.

Wenn man im Textmodus dann noch ein bisschen Mühe in eine barrierefreie Umsetzung steckt, hat man auch gleich das Thema mit den Screenreadern / Zugänglichkeit erledigt.

Im Textmodus kann man ja auch wieder nen Link auf die andere Version setzen, damit man zurückkommt, falls da jemand versehentlich landet.
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben