Verschil tussen HTML 4 en HTML 5
Voortzetting van het thema van dinsdag, hebben we besloten om de verschillen tussen de illustratie van HTML 5 en HTML 4 en je zult zien dat er geen grote verschillen en dat de nieuwe informatie kwam pas om te helpen.
Bijvoorbeeld, laten we een eenvoudige pagina van een blog met de kop aan de bovenkant, de footer aan de onderkant van sommige posten, een navigatie-gedeelte en een zijbalk te zien, geeft dit de onderstaande code:
<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 Pagina </ a> </ h2> <div class="entry"> Tekst hier </ div> </ DIV> <div id="post-101" class="post"> <h2> <a href="/page-test/"> Test 1 </ a> </ h2> <div class="entry"> Tekst hier </ div> </ DIV> </ DIV> <div class="navigation"> <div class="alignleft"> <a href="/blog/page/2/"> "Oude berichten </ a> </ div> </ DIV> </ DIV> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> Informatie </ h2> <ul> <li> <a href="/contato"> contact </ a> </ li> <li> <a href="/curriculo/"> curriculum </ a> </ li> </ Ul> </ Li> <li> <h2> Archives </ h2> <ul> <li> <a href="/blog/2009/04/"> april 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> maart 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> februari 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> januari 2009 </ a> </ li> </ Ul> </ Li> </ Ul> </ DIV> <div id="footer"> Marcus Antonius: Web-Beta © 2009 </ div> </ DIV>
Hier dezelfde pagina in de regels van de W3C HTML 5 :
<h1> <a href="http://marcusantonius.info"> Marcus Antonius: Web Beta </ a> </ h1> <h2> <a href="/page-test-2/"> 2 Test Pagina </ a> </ h2> Tekst hier <h2> <a href="/page-test/"> Test 1 </ a> </ h2> Tekst hier <a href="/blog/page/2/"> "Oude berichten </ a> <ul> <li> <h2> Informatie </ h2> <ul> <li> <a href="/contato"> contact </ a> </ li> <li> <a href="/curriculo"> curriculum </ a> </ li> </ Ul> </ Li> <li> <h2> Archives </ h2> <ul> <li> <a href="/blog/2009/04/"> april 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> maart 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> februari 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> januari 2009 </ a> </ li> </ Ul> </ Li> </ Ul> Marcus Antonius: Web Beta © 2009
Hij merkte op dat de code was schoner en begrijpelijker?
We voegden een aantal elementen en dus niet meer hoeven te zetten van de divs en lay-out was veel meer begrijpelijk. Als u niet aan de elementen die zijn toegevoegd zijn gevonden met een korte uitleg aankondiging:
- sectie: een deel, als onderdeel van een hoofdstuk of een boek.
- header: De kop van de weergegeven pagina.
- footer: De pagina voettekst verschijnt, zoals een abonnement e-mail.
- nav: een verzameling van nuttige links.
- artikel: Een artikel, een onafhankelijke vermelding in een blog, tijdschrift, krant, enzovoort.
Omdat er kwam de definitieve versie van HTML 5, het was gewoon een schets, kan de definitieve versie zijn enkele verschillen.
bron: treinaweb
bericht op de hoogte! miste een aantal tags, maar mijn goede vriend @ isaacmarinho waarschuwde me. Bedankt Isaac!
Ik heb echt gemist de tags die u noemde ... = D
Maar dat is oke. Bericht is bijgewerkt, verder te gaan. =)
Precies, we zijn hier.
Falow!
Zeer goede blog! = DDDDDD