Sidebar
ein-/ausblenden

HTML 5, ein Ausblick

Plugin für WordPress SEO

Anzeige

Lachlan Hunt gibt auf A List Apart einen Ausblick mit vielen Beispielen und Details, die die Erwartung in die Höhe schnellen lassen. Der Artikel ist hervorragend und ich kann ihn nur empfehlen.

Ich freue mich auf die Zeit, in der die Strukturierung im Markup so schön übersichtlich erfolgen kann. Eine bessere Auszeichnung im Code kann ich mir nicht vorstellen, weg von ID und class für div-Elemente, hin zu neuen Elementen header, nav, section, article, aside, und footer im XML-Syntax-Stil.

Damit könnte eine einheitliche Verwendung entstehen und man kann mit eigenen Stylesheets das Design anpassen, so wie es unter anderem einige Profis im Netz fordern.

Beispiel eines klassischen Layouts mit bekannten 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 umgesetzt:


<body>
<div id="wrap">
	<header>
	</header>

	<aside>
	</aside>

	<article>
	</article>

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

zum Artikel: A Preview of HTML 5 (englisch)

Nachtrag

Sam Ruby hat sein Blog mit HTML5 erstellt, zu finden unter diesem Beispiel-Link

Weitere Links

7 Kommentare und 2 Trackbacks zu „HTML 5, ein Ausblick“

  1. 1
    Pingback von HTML 5 - Manuel’s Blog
  2. 2
    Kommentar von Söan

    Ich habe den englischen Artikel mal überflogen und bin überzeugt, dass die Neuerungen die Arbeit mit HTML noch mehr erleichtern werden.

    Ps: der unterste Link funktioniert nicht.

  3. 3
    Kommentar von Tigraine

    Der untere Link führt ins Nirvana :)

  4. 4
    Kommentar von Frank Bültge

    Danke für den Hinweis, Link geht nun auf das richtige Ziel.

  5. 5
    Kommentar von Jörn Grube

    Ich will ja Eure Freude nicht bremsen, aber ich sehe da eher neue Probleme auf uns zukommen. Oder glaubt hier irgendwer ernsthaft, die Browser würden das dann einheitlich umsetzen und anzeigen? Träumt weiter, mindestens Mickey$soft wird sich wieder querstellen und was eigenes erfinden.
    Das heißt nun nicht, ich will beim Status Quo bleiben, ich will Euch nur ein wenig von Wolke 7 runterholen, da scheint Ihr gerade draufzusitzen :)

  6. 6
    Kommentar von Tigraine

    Nun, ich glaube nicht so sehr dass sich die Browserhersteller dagegenstellen werden. Vor allem nicht Microsoft die mit IE7 und der gesamten Visual Studio Line immer näher an die Standards heranzurücken versuchen.

    Ich glaube eher dass zuviel Zeit zwischen HTML5 Einführung und breitem Support in den Browsern vergehen wird.

  7. 7
    Pingback von DimidoBlog » Bloglinks der Woche 03.12.-09.12.2007
  8. 8
    Kommentar von Elmar Schreyer

    Hallo,
    habe diesen Blog hier gefunden bei einem Surf-Trip zum Thema HTML5.
    Zunächst einmal, begrüße ich natürlich die schnelle Entwicklung dieser neuen Auszeichnungssprache. Ich würde sagen, wer als Browserhersteller hier nicht mitmacht wird wohl mit Marktanteil-Einbußen rechnen müssen.
    Zum anderen bin ich bei diesen vordefinierten Konstrukten wie:

    headerasidearticle undfooter
    etwas skeptisch und hoffe, dass man sich auch eigene Bereiche erstellen kann, wobei diese wohl nicht deutlich einfacher als:

    <div id="xy">xy</div>

    zu erstellen sein dürften.
    Ich bin auf jeden Fall gespannt auf die weitere Entwicklung von HTML5.

    Und vielen Dank für den nützlichen Link zu A List Apart.

  9. 9
    Kommentar von Gunther

    Danke.

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.