HTML5 - <section> etc. ...

[Thorsten Reinicke]

Inwieweit kann man mittlerweile HTML5 oder zumindest Teile davon
verwenden? Insbesondere meine ich

<header>
<nav>
<section>
<article>
<aside>
<footer>

Ein Test der aktuellen Browser unter
http://www.html5test.com
stimmt einigerma�en hoffnungsfroh. Und gem��
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)
setzen es alle neuen Engines um - selbst Trident f�r IE9. Die g�ngigen
Statistiken lassen eine Verbreitung von 60 bis 80 Prozent vermuten.

Wie seht Ihr das?

Gr��e und Allen ein gutes neues Jahr!
TR

[Martin Honnen]

Thorsten Reinicke wrote:
> Inwieweit kann man mittlerweile HTML5 oder zumindest Teile davon
> verwenden? Insbesondere meine ich
>
> <header>
> <nav>
> <section>
> <article>
> <aside>
> <footer>
>
> Ein Test der aktuellen Browser unter
> http://www.html5test.com

> stimmt einigermaßen hoffnungsfroh. Und gemäß
> http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)
> setzen es alle neuen Engines um - selbst Trident für IE9. Die gängigen

> Statistiken lassen eine Verbreitung von 60 bis 80 Prozent vermuten.
>
> Wie seht Ihr das?

http://caniuse.com/#feat=html5semantic belegt ebenfalls, dass die
Unterstützung in den aktuellen Versionen der Browser vorhanden ist. Da
wird allerdings auf http://blog.whatwg.org/supporting-new-elements-in-ie
verlinkt und festgestellt, dass die älteren IE-Versionen, die die neuen
Elemente nicht kennen (also IE 6, 7, 8), Probleme machen, da beim Parsen
z.B.

<section>
<p>This is an example</p>
</section>

in einem DOM-Baum

- section
- p
- #text

resultiert.

Als workaround (http://blog.whatwg.org/supporting-new-elements-in-ie)
wird die temporäre Erzeugung neuer Elemente per document.createElement
und Javascript vorgeschlagen, dadurch ändern die IE-Versionen laut dem
Artikel ihr parse-Verhalten und der Baum wird wie gewünscht zu

- section
- p
- #text


Da der workaround mittels Javascript erreicht wird, stellt sich
natürlich die Frage, was man für IE (6,7,8)- Benutzer machen kann, die
Script im Browser deaktiviert haben, das behandelt dann
http://blog.whatwg.org/styling-ie-noscript.

[Arno Welzel]

Thorsten Reinicke, 2012-01-02 19:14:

> Inwieweit kann man mittlerweile HTML5 oder zumindest Teile davon
> verwenden? Insbesondere meine ich
>
> <header>
> <nav>
> <section>
> <article>
> <aside>
> <footer>
>
> Ein Test der aktuellen Browser unter
> http://www.html5test.com

> stimmt einigermaßen hoffnungsfroh. Und gemäß
> http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML5)
> setzen es alle neuen Engines um - selbst Trident für IE9. Die gängigen

> Statistiken lassen eine Verbreitung von 60 bis 80 Prozent vermuten.
>
> Wie seht Ihr das?

Solange es noch Windows XP gibt, wird IE8 und teilweise auch IE7 noch
eine Weile von Bedeutung sein. Ich vermute, frühestens in 2-3 Jahren
kann man HTML5-Unterstützung als allgemein gegeben ansehen.

Allerdings bin ich bislang nicht von "semantischem Web" überzeugt,
solange es keine User Agents gibt, die mir auf *einfache* Weise die
Möglichkeit geben, das Layout für eine vorgegebene Semantik auch selbst
anzupassen - etwa den Kopf einer Site immer fest am oberen Fensterrand,
auch beim Scrollen o.Ä..

Das, was HTML5 in der Richtung bislang bietet, ist nicht viel mehr als
die Formalisierung dessen, was an Layouts in den Jahren als
Quasi-Standard etabliert wurde - Kopf, Fuß, Navigation an der Seite
usw.. Statt einem <div class="header"> schreibt man eben <header>,
gewinnt aber ausser einer etwas "schöneren" Syntax erstmal gar nichts.

Auch die neuen INPUT-Typen sind zwar sicher ein Schritt in die richtige
Richtung - aber solange das nicht von allen Browsern unterstützt wird,
muss man in jedem Fall auf Serverseite validieren - also vermutlich auch
noch etliche Jahre.

Gleichzeitig wurden aber sinnvolle Dinge, wie die Visualisierung von
link-Elementen zur Navigation, stillschweigend unter den Teppich gekehrt
- Netscape konnte das noch, Mozilla hat es dann bei neueren Versionen
ihrer Browser wieder ausgebaut.


--
Arno Welzel
http://arnowelzel.de
http://de-rec-fahrrad.de

[Gustaf Mossakowski]

Arno Welzel schrieb:

> Allerdings bin ich bislang nicht von "semantischem Web" überzeugt,
> solange es keine User Agents gibt, die mir auf *einfache* Weise die
> Möglichkeit geben, das Layout für eine vorgegebene Semantik auch selbst
> anzupassen - etwa den Kopf einer Site immer fest am oberen Fensterrand,
> auch beim Scrollen o.Ä..
>
> Das, was HTML5 in der Richtung bislang bietet, ist nicht viel mehr als
> die Formalisierung dessen, was an Layouts in den Jahren als
> Quasi-Standard etabliert wurde - Kopf, Fuß, Navigation an der Seite
> usw.. Statt einem <div class="header"> schreibt man eben <header>,
> gewinnt aber ausser einer etwas "schöneren" Syntax erstmal gar nichts.

Neben Browsern gibt es ja z. B. auch Suchmaschinen als User Agents,
denen könnten solche Strukturierungen helfen. Ich setzte die Elemente
noch nicht ein, da man momentan für die alten Browser immer noch divs
als zusätzliche Auszeichnung einsetzen muß.

> Auch die neuen INPUT-Typen sind zwar sicher ein Schritt in die richtige
> Richtung - aber solange das nicht von allen Browsern unterstützt wird,
> muss man in jedem Fall auf Serverseite validieren - also vermutlich auch
> noch etliche Jahre.

Die wiederum kann man zum Teil wunderbar schon heute einsetzen.
Serverseitig validieren muß man eh immer, auch wenn alle Browser HTML 5
unterstützen.

> Gleichzeitig wurden aber sinnvolle Dinge, wie die Visualisierung von
> link-Elementen zur Navigation, stillschweigend unter den Teppich gekehrt
> - Netscape konnte das noch, Mozilla hat es dann bei neueren Versionen
> ihrer Browser wieder ausgebaut.

Ja, das ist sehr schade. Da ist Opera besser, das mit Leertaste auf link
rel="next" reagiert. Vermutlich sehen die Browserentwickler aber in den
immer weiter reduzierten Interfaces (zugunsten der Webseiten) keinen
Platz für solche Dinge mehr gesehen. Die Abschaffung der Statusleiste in
Firefox war ja auch so ein Blödsinn.

Viele Grüße
Gustaf