Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

echo5-7 · 08-10-2010, 10:40

Hi,

HTML5 kommt, aber noch nicht alle Browser werden es in den kommenden Jahren Unterstützen. Ich denke da an das IE6 Schreckgespenst.

Mir stellt sich grade die Frage, wie man eine Weiche gestalten könnte, um HTML5 Webseiten parallel zu xHTML Seiten laufen lassen könnte. Ich denke dabei an eine Seite, die aus einem CMS generiert wird, und je nach Möglichkeit das eine, oder das andere ausgibt.

Der einzige Weg, der mir spontan dazu einfällt, wäre eine Art dummy-index.php zu schalten, die erstmal (ev.) mit JS ausliest, was der Browser kann, um dann den richtigen Request zu stellen.

Fällt euch eine bessere Alternative ein?

Grüße
echo

**Omega Psi** · 08-10-2010, 11:04

Man könnte aus dem HTTP Header den User Agent rausfischen und dann entscheiden.

In der Konsequenz heisst es dann 2 HTML Generatoren pflegen um was zu erreichen?

Rein vom Markup her ist HTML 5 für mich nicht so interessant, es sind eher die spezifischen technologischen Aspekte, die HTML 5 besonders machen in meinen Augen.

Ich würde wenn dann eher schauen, wo die Unterschiede liegen und dann entsprechende Generatoren implementieren (semantische Navigations vs DIVs zum Beispiel, Canvas vs ?).

Oder so... irgendwie...

echo5-7 · 08-10-2010, 11:35

gute Idee, ich werd bei gelegenheit mal googeln, wie man das macht.

naja, im grunde wird das doch in der ersten zeit genauso laufen wie mit Flash und HTML. Wers nicht kann, darfs nicht angucken. Das finde ich bei Flash noch irgendwie verständlich, aber bei normalen Webseiten nicht mehr. Also muss eine abgespeckte xHTML Version der HTML5 Seite her.

**Omega Psi** · 08-10-2010, 11:39

Vielleicht sollte man verifizieren, in wie weit alte Browser HTML 5 verstehen. Wenn es nur um Spezialfälle geht, muss man evtl nur Markup in der HTML 5 Seite entsprechend behandeln, man spart sich also die Pflege einer Seite.

echo5-7 · 09-10-2010, 17:03

wie meinst du das?

**Omega Psi** · 09-10-2010, 18:08

Man könnte untersuchen, wie großzügig die einzelnen Browser die folgenden Markups unterstützen

Code:

<html lang="en">
  <head />
  <body>
    <nav />
    <header />
    <article>
      <header />
      <section />
    </article>
    <footer />
  </body>	
</html>

Ich würde fast davon ausgehen, dass man die einzelnen semantischen Markups durch divs ersetzen kann und beide Markups identisch via CSS stylen kann. Dann muss man im Nachhinein nur noch entsprechend die einzelnen Abschnitte bauen, die nach gewünschter Version.

Oder nicht?

echo5-7 · 10-10-2010, 15:52

hm, du meinst, dass der strukturale aufbau der gleiche ist, aber die tags andere namen haben? ja stimmt, das müsste gehen...

**Omega Psi** · 10-10-2010, 17:11

Yepp, das meinte ich.

bobby · 10-10-2010, 17:14

Bis auf weiteres dürfte es wohl kaum entscheidend sein, ob ein Element als <header> oder <div id="header"> bezeichnet wird.

Auch ob man in Formularen ein Textfeld, mit seiner vorgesehene Eigenschaft z.b. input type="email" entsprechend bezeichnet ist nicht wirlich ein Problem - wenns nicht interpretiert wird macht es nichts, auf dem Iphone wird allenfalls die @ Taste angezeigt. ob man wirklich auf den teilweise implementierten Date-Picker verlassen will, anstatt eine von x-verfügbaren Javascript-Lösunge zu verwenden ist eine weitere Frage.

Ein grösseres Problem ist eher das CSS3 nicht vollumfänglich genutzt werden kann - man hat z.B. das Feature um "runde Ecken" zu machen, kanns aber nicht gebrauchen, ausser man ist bereit im Web für dieselbe Website mit verschiedenen Layouts präsent zu sein.

Sollen Html5 Sachen wie Canvas, Video oder Local Storage genutzt werden, sollte man sich schon im klaren sein, was man genau realisieren möchte. 2 Versionen für mit und ohne html5, oder dann halt trotzdem von Anfang einen FlashVideo-Player?

Der z.B. von Sencha eingegangene Weg sich nicht um die Kompatibilit bestehender Browser zu sorgen sondern Html5 und Css3 für WebApps auf Mobilen Endgeräten zu nutzen ist vermutlich sinnvoll, man würde von einer Website dann nicht je eine xhtml/html5 Version erstellen sondern zwischen Website und dazugehörender Web-App unterscheiden.

Betreffend detection hierzu gute Infos, aus einem insgesamt sehr lesenswerten Beitrag zu html5.
Detecting HTML5 Features - Dive Into HTML5
die js-library modernizr scheint diesbezüglich einges zu bieten:
Modernizr

**Omega Psi** · 10-10-2010, 17:36

Das ist eben das Problem.

08-10-2010, 10:40	#1 (permalink)
echo5-7 ° Registriert seit: Aug 2002 Ort: Baden-Baden Beiträge: 3.962	HTML5 und xHTML parallel? Hi, HTML5 kommt, aber noch nicht alle Browser werden es in den kommenden Jahren Unterstützen. Ich denke da an das IE6 Schreckgespenst. Mir stellt sich grade die Frage, wie man eine Weiche gestalten könnte, um HTML5 Webseiten parallel zu xHTML Seiten laufen lassen könnte. Ich denke dabei an eine Seite, die aus einem CMS generiert wird, und je nach Möglichkeit das eine, oder das andere ausgibt. Der einzige Weg, der mir spontan dazu einfällt, wäre eine Art dummy-index.php zu schalten, die erstmal (ev.) mit JS ausliest, was der Browser kann, um dann den richtigen Request zu stellen. Fällt euch eine bessere Alternative ein? Grüße echo __________________ LRRM \| BLOG \| FACEBOOK \| TWITTER \| G+

08-10-2010, 11:04	#2 (permalink)
Omega Psi Perverted Hermit Registriert seit: Mar 2004 Ort: Delmenhorst Beiträge: 12.146	Man könnte aus dem HTTP Header den User Agent rausfischen und dann entscheiden. In der Konsequenz heisst es dann 2 HTML Generatoren pflegen um was zu erreichen? Rein vom Markup her ist HTML 5 für mich nicht so interessant, es sind eher die spezifischen technologischen Aspekte, die HTML 5 besonders machen in meinen Augen. Ich würde wenn dann eher schauen, wo die Unterschiede liegen und dann entsprechende Generatoren implementieren (semantische Navigations vs DIVs zum Beispiel, Canvas vs ?). Oder so... irgendwie... __________________ http://icodeapps.net \| Meet me at the Flex user group Hamburg talking about CoffeeScript

08-10-2010, 11:35	#3 (permalink)
echo5-7 ° Registriert seit: Aug 2002 Ort: Baden-Baden Beiträge: 3.962	gute Idee, ich werd bei gelegenheit mal googeln, wie man das macht. naja, im grunde wird das doch in der ersten zeit genauso laufen wie mit Flash und HTML. Wers nicht kann, darfs nicht angucken. Das finde ich bei Flash noch irgendwie verständlich, aber bei normalen Webseiten nicht mehr. Also muss eine abgespeckte xHTML Version der HTML5 Seite her. __________________ LRRM \| BLOG \| FACEBOOK \| TWITTER \| G+

08-10-2010, 11:39	#4 (permalink)
Omega Psi Perverted Hermit Registriert seit: Mar 2004 Ort: Delmenhorst Beiträge: 12.146	Vielleicht sollte man verifizieren, in wie weit alte Browser HTML 5 verstehen. Wenn es nur um Spezialfälle geht, muss man evtl nur Markup in der HTML 5 Seite entsprechend behandeln, man spart sich also die Pflege einer Seite. __________________ http://icodeapps.net \| Meet me at the Flex user group Hamburg talking about CoffeeScript

09-10-2010, 17:03	#5 (permalink)
echo5-7 ° Registriert seit: Aug 2002 Ort: Baden-Baden Beiträge: 3.962	wie meinst du das? __________________ LRRM \| BLOG \| FACEBOOK \| TWITTER \| G+

09-10-2010, 18:08	#6 (permalink)
Omega Psi Perverted Hermit Registriert seit: Mar 2004 Ort: Delmenhorst Beiträge: 12.146	Man könnte untersuchen, wie großzügig die einzelnen Browser die folgenden Markups unterstützen Code: <html lang="en"> <head /> <body> <nav /> <header /> <article> <header /> <section /> </article> <footer /> </body> </html> Ich würde fast davon ausgehen, dass man die einzelnen semantischen Markups durch divs ersetzen kann und beide Markups identisch via CSS stylen kann. Dann muss man im Nachhinein nur noch entsprechend die einzelnen Abschnitte bauen, die nach gewünschter Version. Oder nicht? __________________ http://icodeapps.net \| Meet me at the Flex user group Hamburg talking about CoffeeScript

10-10-2010, 15:52	#7 (permalink)
echo5-7 ° Registriert seit: Aug 2002 Ort: Baden-Baden Beiträge: 3.962	hm, du meinst, dass der strukturale aufbau der gleiche ist, aber die tags andere namen haben? ja stimmt, das müsste gehen... __________________ LRRM \| BLOG \| FACEBOOK \| TWITTER \| G+

10-10-2010, 17:11	#8 (permalink)
Omega Psi Perverted Hermit Registriert seit: Mar 2004 Ort: Delmenhorst Beiträge: 12.146	Yepp, das meinte ich. __________________ http://icodeapps.net \| Meet me at the Flex user group Hamburg talking about CoffeeScript

10-10-2010, 17:14	#9 (permalink)
bobby .ad Registriert seit: Jun 2001 Ort: zürich Beiträge: 10.731	Bis auf weiteres dürfte es wohl kaum entscheidend sein, ob ein Element als <header> oder <div id="header"> bezeichnet wird. Auch ob man in Formularen ein Textfeld, mit seiner vorgesehene Eigenschaft z.b. input type="email" entsprechend bezeichnet ist nicht wirlich ein Problem - wenns nicht interpretiert wird macht es nichts, auf dem Iphone wird allenfalls die @ Taste angezeigt. ob man wirklich auf den teilweise implementierten Date-Picker verlassen will, anstatt eine von x-verfügbaren Javascript-Lösunge zu verwenden ist eine weitere Frage. Ein grösseres Problem ist eher das CSS3 nicht vollumfänglich genutzt werden kann - man hat z.B. das Feature um "runde Ecken" zu machen, kanns aber nicht gebrauchen, ausser man ist bereit im Web für dieselbe Website mit verschiedenen Layouts präsent zu sein. Sollen Html5 Sachen wie Canvas, Video oder Local Storage genutzt werden, sollte man sich schon im klaren sein, was man genau realisieren möchte. 2 Versionen für mit und ohne html5, oder dann halt trotzdem von Anfang einen FlashVideo-Player? Der z.B. von Sencha eingegangene Weg sich nicht um die Kompatibilit bestehender Browser zu sorgen sondern Html5 und Css3 für WebApps auf Mobilen Endgeräten zu nutzen ist vermutlich sinnvoll, man würde von einer Website dann nicht je eine xhtml/html5 Version erstellen sondern zwischen Website und dazugehörender Web-App unterscheiden. Betreffend detection hierzu gute Infos, aus einem insgesamt sehr lesenswerten Beitrag zu html5. Detecting HTML5 Features - Dive Into HTML5 die js-library modernizr scheint diesbezüglich einges zu bieten: Modernizr __________________ http://www.radiocity.ch

10-10-2010, 17:36	#10 (permalink)
Omega Psi Perverted Hermit Registriert seit: Mar 2004 Ort: Delmenhorst Beiträge: 12.146	Das ist eben das Problem. __________________ http://icodeapps.net \| Meet me at the Flex user group Hamburg talking about CoffeeScript

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HTML5 Frameworks	Funkey	HTML und CSS	2	18-06-2010 12:43
Flash Website -> HTML5	wangman	HTML und CSS	4	06-06-2010 13:39
HTML5: <canvas> und <audio>	:: RK ::	Am Rande	1	06-08-2009 07:41
parallel laufende movieclips parallel bearbeiten	vauess	Flash MX 2004	4	21-03-2006 11:20