Différence entre HTML 4 et HTML 5
Toujours sur le thème du mardi, nous avons décidé d'illustrer les différences entre HTML 5 et HTML 4 et vous verrez qu'il n'ya pas de grandes différences, et que les nouvelles informations ne sont venus pour aider.
Par exemple, nous allons voir une simple page d'un blog à la tête en haut, le bas de page au bas de certains postes, une section de navigation, et une barre latérale, ce qui montre le code ci-dessous:
<div id="page"> <div id="header"> <h1> <a href="http://marcusantonius.info"> Marcus Antonius: Beta Web </ a> </ h1> </ Div> <div id="conteneur"> <div id="center" class="column"> <div id="post-102" class="post"> href="/page-test-2/"> <a <h2> 2 page de test </ a> </ h2> <div class="entry"> Texte ici </ div> </ Div> <div id="post-101" class="post"> href="/page-test/"> <a <h2> Test 1 </ a> </ h2> <div class="entry"> Texte ici </ div> </ Div> </ Div> <div class="navigation"> <div class="alignleft"> href="/blog/page/2/"> <a «Anciens messages </ a> </ div> </ Div> </ Div> <div id="right" class="column"> <ul id="sidebar"> <li> <h2> information </ h2> <ul> <li> <a href="/contato"> contacter </ a> </ li> <li> <a href="/curriculo/"> programme </ a> </ li> </ Ul> </ Li> <li> <h2> Archives </ h2> <ul> <li> <a href="/blog/2009/04/"> avril 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> Mars 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> Février 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> Janvier 2009 </ a> </ li> </ Ul> </ Li> </ Ul> </ Div> <div id="footer"> Marcus Antonius: Beta Web © 2009 </ div> </ Div>
Voici la même page dans les règles du W3C HTML 5 :
<h1> <a href="http://marcusantonius.info"> Marcus Antonius: Beta Web </ a> </ h1> href="/page-test-2/"> <a <h2> 2 page de test </ a> </ h2> Texte ici href="/page-test/"> <a <h2> Test 1 </ a> </ h2> Texte ici href="/blog/page/2/"> <a «Anciens messages </ a> <ul> <li> <h2> information </ h2> <ul> <li> <a href="/contato"> contacter </ a> </ li> <li> <a href="/curriculo"> programme </ a> </ li> </ Ul> </ Li> <li> <h2> Archives </ h2> <ul> <li> <a href="/blog/2009/04/"> avril 2009 </ a> </ li> <li> <a href="/blog/2009/03/"> Mars 2009 </ a> </ li> <li> <a href="/blog/2009/02/"> Février 2009 </ a> </ li> <li> <a href="/blog/2009/01/"> Janvier 2009 </ a> </ li> </ Ul> </ Li> </ Ul> Marcus Antonius: Beta Web © 2009
Il a noté que le code était plus propre et plus compréhensible?
Nous avons ajouté quelques éléments et donc plus besoin de mettre les divs et la disposition a été beaucoup plus compréhensible. Si vous manqué de remarquer les éléments qui ont été ajoutés sont répertoriés ci-dessous avec une brève explication:
- section: la section, dans le cadre d'un chapitre ou un livre.
- tête: L'en-tête de la page affichée.
- Pied de page: Le pied de page apparaît, comme un abonnement e-mail.
- NAV: Une collection de liens.
- Article: Un article, une entrée indépendante dans un blog, magazine, journal, etc.
Comme il y eut la version finale du HTML 5, il était juste un croquis, la version finale peut avoir quelques différences.
source: treinaweb
après jour! manqué quelques balises, mais mon bon ami @ isaacmarinho m'a averti. Merci Isaac!
J'ai vraiment manqué les balises que vous avez mentionné ... = D
Mais c'est correct. Message mis à jour, avancer. =)
Précisément, nous sommes ici.
Falow!
Très bon blog! = DDDDDD