Differenza tra HTML 4 e HTML 5
Sempre in tema di Martedì, abbiamo deciso di illustrare le differenze tra HTML 5 e HTML 4 e vedrete che non vi sono grandi differenze e che le nuove informazioni solo venuto ad aiutarmi.
Per esempio, vediamo una semplice pagina di un blog con l'intestazione in alto, il piè di pagina in fondo alcuni post, una sezione di navigazione, e una barra laterale, questo dimostra il codice qui sotto:
<div id="page"> <div id="header"> <h1> <a href="http://marcusantonius.info"> Marco Antonio: Web Beta </ a> </ h1> </ Div> <div id="contenitore"> <div id="center" class="column"> <div id="post-102" class="post"> <h2> <a href="/page-test-2/"> 2 Pagina di prova </ a> </ h2> <div class="entry"> Qui testo </ div> </ Div> <div id="post-101" class="post"> <h2> <a href="/page-test/"> Prova 1 </ a> </ h2> <div class="entry"> Qui testo </ div> </ Div> </ Div> <div class="navigation"> <div class="alignleft"> href="/blog/page/2/"> <a "Vecchi </ a> </ div> </ Div> </ Div> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> informazioni </ h2> <ul> <li> <a href="/contato"> contatto </ a> </ li> <li> <a href="/curriculo/"> curriculum </ a> </ li> </ Ul> </ LI> <li> <h2> Archives </ h2> <ul> <li> <a href="/blog/2009/04/"> aprile 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> marzo 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> febbraio 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> gennaio 2009 </ a> </ li> </ Ul> </ LI> </ Ul> </ Div> <div id="footer"> Marco Antonio: Web Beta © 2009 </ div> </ Div>
Qui la stessa pagina nelle regole del W3C HTML 5 :
<h1> <a href="http://marcusantonius.info"> Marco Antonio: Web Beta </ a> </ h1> <h2> <a href="/page-test-2/"> 2 Pagina di prova </ a> </ h2> Qui testo <h2> <a href="/page-test/"> Prova 1 </ a> </ h2> Qui testo href="/blog/page/2/"> <a "Vecchi </ a> <ul> <li> <h2> informazioni </ h2> <ul> <li> <a href="/contato"> contatto </ a> </ li> <li> <a href="/curriculo"> curriculum </ a> </ li> </ Ul> </ LI> <li> <h2> Archives </ h2> <ul> <li> <a href="/blog/2009/04/"> aprile 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> marzo 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> febbraio 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> gennaio 2009 </ a> </ li> </ Ul> </ LI> </ Ul> Marco Antonio: Web Beta © 2009
Egli ha osservato che il codice era più pulito e comprensibile?
Abbiamo aggiunto alcuni elementi e quindi non hanno più bisogno di mettere il div e il layout è stato molto più comprensibile. Se non siete riusciti a notare gli elementi che sono stati aggiunti sono elencati di seguito con una breve spiegazione:
- sezione: sezione, come parte di un capitolo o un libro.
- intestazione: l'intestazione della pagina visualizzata.
- piè di pagina: Il piè di pagina viene visualizzata, come una sottoscrizione e-mail.
- nav: una raccolta di link.
- articolo: Un articolo, un ingresso indipendente in un blog, riviste, giornali, e così via.
Come ci è arrivata la versione definitiva di HTML 5, era solo uno schizzo, la versione finale potrebbe avere alcune differenze.
fonte: treinaweb
Post aggiornato! mancati alcuni tag, ma il mio buon amico @ isaacmarinho mi ha avvertito. Grazie Isaac!
Ho davvero perso i tag che hai menzionato ... = D
Ma va bene. Post aggiornato, andare avanti. =)
Precisamente, siamo qui.
Falow!
Ottimo blog! = Dddddd