HTML5 führt neue Tags, die machen sehr viel Sinn. Nicht mehr wird jeder Teilung einer Seite müssen spekulierte hinsichtlich seiner Zweckbestimmung; die neue Tag-Namen haben sie direkt in. Ich gehe zu werfen wir einen Blick auf diese beiden Tags bedeuten und wie man sie umsetzen. Hinweis: Dieser Artikel geschrieben werden auf der Grundlage der derzeitigen Entwürfe und Definition und Umsetzung sind unter Vorbehalt.

Header: Die <header> Tag definiert die Kopfzeile eines Abschnitts oder Dokument.

Sektion: Die <section> Tag definiert Abschnitte in einem Dokument. Wie Kapiteln, Überschriften, Fußzeilen, oder jeder anderen Abschnitten des Dokuments.

Artikel: Die <article> Tag definiert externe Inhalte. Wie zum Beispiel einen News-Artikel aus einem externen Provider News, oder Text von einem Web Log (Blog), oder Text aus einem Forum. Oder jede andere Inhalte aus einer externen Quelle

Fußzeile: Die <footer> Tag definiert die Fußzeile eine Sektion oder Dokument. Normalerweise enthält den Namen des Autors, dem Zeitpunkt das Dokument geschrieben wurde und / oder Kontaktinformationen.

Es scheint ziemlich alle selbst explanitory. Ab sofort, eine allzu vereinfachte Version eines Blog-Layout kann wie folgt aussehen:

  <div id = "header"> Blog-Titel, Blog-Links, und so weiter </ div> <div id = "content"> <div class = "post" id = "1"> Einstellen von Inhalten </ div> <div class = "post" id = "2"> </ div> <div class = "post" id = "3"> Einstellen von Inhalten </ div> </ div> <div id = footer "footer"> Inhalt , Links, Urheberrecht </ div> 

Dies ist natürlich nicht die komplette Seite, aber you get the idea. Sobald HTML5 angenommen wird, erscheint mehr wie folgt aussehen:

  <header> Blog-Titel, Blog-Links, und so weiter </ header> <section id = "content"> <article id = "1"> Einstellen von Inhalten </ article> <article id = "2"> Einstellen von Inhalten </ Artikel> <article id = "3"> Einstellen von Inhalten </ article> </ section> <footer> footer Inhalt, Links, Urheberrecht </ footer> 

Das scheint nicht so schwer. In der Tat, ich wette ich könnte "Upgrade" eine ganze WordPress Thema in etwa einer Stunde zu HTML5 Syntax. Was bedeutet das für Entwickler? Nun, die Wahrheit ist, aber auch gar nichts im Moment. 5 HTML wird nicht unterstützt in der aktuellen Browsern, und wahrscheinlich werden nicht für einige Zeit dauern. 9,5 Opera, Firefox 3 und Safari 3.x eine Handvoll HTML5 Funktionen (nämlich die Leinwand Element), aber keines dieser Tags oben.

Was bedeutet das für die Zukunft, ist einfach Web-Seiten, die mehr Sinn machen; leichter Lesbarkeit. Auch mit dem gleichen Inhalt, es sind 30 weniger Zeichen, die benötigt werden getippt. 30 mal 1000 Byte bedeutet, 30 Megabyte Bandbreite gespart pro tausend Seite geladen. Dies wird auch bedeuten, sauberer und einfacher zu lesen Stylesheets. Insgesamt Seiten wie ein Standard-Blog-Seite wird nur viel effizienter zu gestalten. Dies ist eine höchst erfreuliche Nachricht für Entwickler und Endanwender gleichermaßen.

Quellen: http://www.w3schools.com, http://blog.whatwg.org/, http://www.w3.org/html/wg/html5/