Skillnad mellan HTML 4 och HTML 5
Fortsatt temat tisdag, beslutade vi att tydliggöra skillnaderna mellan HTML 5 och html- 4 och du kommer se att det inte finns några stora skillnader och att de nya uppgifterna bara kom för att hjälpa.
Till exempel, låt oss se en enkel sida med en blogg, med rubriken högst upp, sidfoten längst ner på vissa tjänster, en navigering avsnitt och en sidebar med den kod som visas nedan:
<div id="page"> <div id="header"> <h1> <a href="http://marcusantonius.info"> Marcus Antonius: Webb Beta </ a> </ h1> </ Div> <div id="container"> <div id="center" class="column"> <div id="post-102" class="post"> <h2> <a href="/page-test-2/"> Test Page 2 </ a> </ h2> <div class="entry"> Text här </ div> </ Div> <div id="post-101" class="post"> <h2> <a href="/page-test/"> Test 1 </ a> </ h2> <div class="entry"> Text här </ div> </ Div> </ Div> <div class="navigation"> <div class="alignleft"> <a href="/blog/page/2/"> "Gamla inlägg </ a> </ div> </ Div> </ Div> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> information </ h2> <ul> <li> <a href="/contato"> kontakt </ a> </ li> <li> <a href="/curriculo/"> läroplan </ a> </ li> </ Ul> </ Li> <li> <h2> filer </ h2> <ul> <li> <a href="/blog/2009/04/"> April 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> mars 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: Webb Beta © 2009 </ div> </ Div>
Här samma sida i reglerna för W3C för HTML 5 :
<h1> <a href="http://marcusantonius.info"> Marcus Antonius: Webb Beta </ a> </ h1> <h2> <a href="/page-test-2/"> Test Page 2 </ a> </ h2> Text här <h2> <a href="/page-test/"> Test 1 </ a> </ h2> Text här <a href="/blog/page/2/"> "Gamla inlägg </ a> <ul> <li> <h2> information </ h2> <ul> <li> <a href="/contato"> kontakt </ a> </ li> <li> <a href="/curriculo"> läroplan </ a> </ li> </ Ul> </ Li> <li> <h2> filer </ h2> <ul> <li> <a href="/blog/2009/04/"> April 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> mars 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
Han noterade att koden var renare och lättare att förstå?
Vissa delar lades till och med att vi inte längre behöver lägga divs och layout var mycket mer begriplig. Om du inte märker de faktorer som har lagts till anges nedan med en kort förklaring:
- avsnitt: En del, som ett kapitel eller avsnitt i en bok.
- rubrik: Rubriken på den visade sidan.
- sidfot: sidfoten på den sida som visas som en prenumeration via e-post.
- nav: En samling länkar.
- artikel: En artikel, ett självständigt inträde i en blogg, magasin, tidningar och så vidare.
Eftersom det kom den slutliga versionen av html 5, var detta endast ett förslag, den slutliga versionen har en del skillnader.
Källa: treinaweb
post uppdaterats! missat några taggar, men min gode vän varnade mig @ isaacmarinho. Tack Isak!
Jag kände samma brist på taggar som du citerade ... = D
Men okej. Post uppdaterad bollen framåt. =)
Behöver du, vi är här.
Falow!
Mycket bra blogg! = DDDDDD