2011-07-10 14 views
6

He este sencillo diseño en HTML:etiqueta HTML5 beneficia

<body> 

<div id="header"> 
    <div id="nav"></div> 
</div> 

<div id="wrapper"> 
    <div id="main"></div> 
    <div id="sidebar"></div> 
</div> 

<div id="footer"></div> 

</body> 

He traducido en HTML5:

<body> 

<header> 
    <nav></nav> 
</header> 

<div id="wrapper"> 
    <section></section> 
    <aside></aside> 
</div> 

<footer></footer> 

</body> 

¿Es correcto?

¿Y cuáles son los beneficios de usar las etiquetas HTML5 (encabezado, sección, aparte, pie de página) en lugar de los divs antiguos?

+3

posible duplicado de [¿Son nuevos elementos HTML5 como

y
sentido?] (Http://stackoverflow.com/questions/3822024/are-new- html5-elements-like-section-and-article-senseless) – Quentin

Respuesta

4

Todo se trata de semántica.

a <div> no tiene ningún significado semántico. <footer> hace.

se puede leer más sobre esto aquí: http://diveintohtml5.ep.io/semantics.html#new-elements

+1

Debería poner algunos detalles sobre el tema que está en el enlace de arriba porque no está funcionando ahora :-( –

3

las ventajas es que se hace más legible para máquinas y para otros programadores.

El inconveniente es que debe utilizar HTML5shiv para que funcione en IE8 y versiones posteriores.

0

Como una versión más reciente más fácil, más corto y fácil reconocible

Cuestiones relacionadas