HTML 5 - eine kleine Vorschau

Posted by Oliver Storm on Jan 22nd, 2008
http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/twitter_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/google_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/stumbleupon_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/delicious_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/digg_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/reddit_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/dzone_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/blinklist_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/blogmarks_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/furl_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/newsvine_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/technorati_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/magnolia_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/facebook_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/yahoobuzz_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/sphinn_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/mixx_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/jamespot_24.png http://www.oliverstorm.com/wp-content/plugins/sociofluid/images/meneame_24.png

schön wirds! soviel schon mal vorne weg. Die Strutkutrierung im Markup wird wesentlich Übersichtlicher. class und id für div-Elemente gehören wohl der Vergangenheit an und werden durch eine Syntax im XML-Stil ersetzt. Ein kleines Beispiel:


Klassisch mit IDs :

<body>
<div id=“wrap”>
<div id=“header”>
</div>

<div id=“sidebar”>
</div>

<div id=“content”>
</div>

<div id=“footer”>
</div>
</div>
</body>

mit HTML 5:

<body>
<div id=“wrap”>

<header>
</header>

<aside>
</aside>

<article>
</article>

<footer>
</footer>
</div>
</body>

Wer mehr wissen will sollte sich unbedingt “A preview of HTML 5″ von Lachlan Hunt durchlesen.