Unterschied zwischen HTML 4 und HTML 5
Weiterhin das Thema vom Dienstag, beschlossen wir, die Unterschiede zwischen illustrieren HTML 5 und HTML 4 und Sie werden sehen, dass es große Unterschiede, und dass die neuen Informationen nur gekommen, um zu helfen.
Zum Beispiel wollen wir sehen, eine einfache Seite eines Blogs mit dem Kopf an der Spitze, der Fußzeile am unteren Rand einiger Beiträge, einem Navigationsbereich, und eine Sidebar mit dem Code unten gezeigt:
<div id="page"> <div id="header"> <h1> <a href="http://marcusantonius.info"> Marcus Antonius: Web-Beta </ a> </ h1> </ Div> <div id="container"> <div id="center" class="column"> <div id="post-102" class="post"> <h2> <a href="/page-test-2/"> 2 Test Page </ a> </ h2> <div class="entry"> Text Hier </ div> </ Div> <div id="post-101" class="post"> <h2> <a href="/page-test/"> Test 1 </ a> </ h2> <div class="entry"> Text Hier </ div> </ Div> </ Div> <div class="navigation"> <div class="alignleft"> <a href="/blog/page/2/"> 'Alte Beiträge </ a> </ div> </ Div> </ Div> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> Info </ h2> <ul> <li> <a href="/contato"> Kontakt </ a> </ li> <li> <a href="/curriculo/"> Lehrplan </ a> </ li> </ Ul> </ Li> <li> <h2> Archiv </ h2> <ul> <li> <a href="/blog/2009/04/"> April 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> März 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> Februar 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> Januar 2009 </ a> </ li> </ Ul> </ Li> </ Ul> </ Div> <div id="footer"> Marcus Antonius: Web Beta © 2009 </ div> </ Div>
Hier wird die gleiche Seite in den Regeln des W3C für HTML 5 :
<h1> <a href="http://marcusantonius.info"> Marcus Antonius: Web-Beta </ a> </ h1> <h2> <a href="/page-test-2/"> 2 Test Page </ a> </ h2> Text hier <h2> <a href="/page-test/"> Test 1 </ a> </ h2> Text hier <a href="/blog/page/2/"> 'Alte Beiträge </ a> <ul> <li> <h2> Info </ h2> <ul> <li> <a href="/contato"> Kontakt </ a> </ li> <li> <a href="/curriculo"> Lehrplan </ a> </ li> </ Ul> </ Li> <li> <h2> Archiv </ h2> <ul> <li> <a href="/blog/2009/04/"> April 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> März 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> Februar 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> Januar 2009 </ a> </ li> </ Ul> </ Li> </ Ul> Marcus Antonius: Web Beta © 2009
Er wies darauf hin, dass der Code sauberer und verständlich war?
Wir haben einige Elemente und somit nicht mehr benötigen, um die divs und Layout gelegt war viel verständlicher. Wenn Sie bemerken nicht die Elemente, die hinzugefügt wurden, werden unten mit einer kurzen Erklärung aufgelistet:
- Abschnitt: Ein Abschnitt eines Kapitels oder als Teil eines Buches.
- Header: Der Header der Seite angezeigt.
- Fußzeile: Die Fußzeile der Seite gezeigt, als Abo-E-Mail.
- Navigation: Eine Sammlung von Links.
- Artikel: Ein Artikel, eine unabhängige Eintrag in einem Blog, Zeitschrift, Zeitung, und so weiter.
Da kam die finale Version von HTML 5, es ist nur eine Skizze war, kann die finale Version haben einige Unterschiede.
Quelle: treinaweb
Post aktualisiert! fehlten einige Tags, aber mein guter Freund @ isaacmarinho warnte mich. Vielen Dank Isaac!
Ich spürte den gleichen Mangel an Tags, die Sie erwähnt ... = D
Aber das ist okay. Post wurde aktualisiert, in Bewegung bleiben. =)
Brauchen, wir sind hier.
Falow!
Sehr guter Blog! = DDDDDD