Wordpress - Semantica HTML 5

[FWFernando]

Hola buenos dias a toda la comunidad,

Tengo un sitio en wordpress, el cual quiero actualizar a HTML 5 y CSS3.

Mi duda es respecto a las nuevas etiquetas utilizadas en HTML 5, adjunto una imagen de como estructure las secciones, ya que aun tengo duda si es correcto.

El ovalo verde seria una etiqueta div como un "marco".. me imagino que debo seguir utilizando un DIV ya que unicamente se trata de una etiqueta de estilo.

De antemano gracias.

[miktrv]

Según la W3C, el contenido de <aside> debe de estar relacionado con el contenido "cercano", esto serás así?

Un saludo!

[FWFernando]

Iniciado por miktrv

Según la W3C, el contenido de <aside> debe de estar relacionado con el contenido "cercano", esto serás así?

Un saludo!

en la w3c: http://www.w3.org/wiki/HTML/Elements/aside

aparece esto:

Example of contents

pull quotes
sidebars
advertising
groups of nav elements

Digamos que la parte de la derecha es mi "sidebar" , y por eso encerre en aside, pero por otro lado el contenido de la parte media de ese "sidebar" para mi tiene relevancia con la informacion presentada en el sitio, por eso lo encerre en section. Pero no estoy seguro si es correcto lo que esto planteando. Por otro lado los anuncios los encerre tambien en aside, porque asi esta tambien marcado en la w3c.

[miktrv]

Si, entiendo que es correcto siempre y cuando los anuncios estén relacionados con el contenido.

Un saludo!

[FWFernando]

Iniciado por miktrv

Si, entiendo que es correcto siempre y cuando los anuncios estén relacionados con el contenido.

Un saludo!

Y si utilizo adwords y lo configuro con anuncios "relacionados" con el contenido?? O en este caso entonces como deberia de ser?

En cuanto al "SECTION" que planeo para los ultimos temas en el foro SMF, esta correcto?? o utilizo un NAV??. Se utilizo section por cada linea, debo usar un "ARTICLE"??

[ryugen]

Mis comentarios:
"Logo" si es una IMG que tenga el ALT correspondiente y lo encerraría en un h1 en lugar de un DIV, de esta forma el nombre del blog sería el título del documento.

Lo que está "encerrado en verde" (entre el header y el footer), a mi entender, debería ser SECTION.

Por otra parte el NAV que contiene el menu, si es la navegación del sitio, debería ser parte del header, ya que si vemos la especificación:

The HTML Header Element (<header>) represents a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, wrapped section's header, a search form, and so on.

Esa navegación correspondería con "Navigational aids"

Finalmente no estoy muy convencido de que sean SECTION, los que tienen
- el slider + carrousel etc.
- el que tiene los enlaces al foro.

[FWFernando]

No entiendo porque no puedo editar el tema.

Pero bueno tienes razon el NAV lo coloque mal en la imagen como dices debe estar en el Header, sobre el H1 gracias por la informacion.

Sobre el marco verde, a lo que entendi que cuando se trata "unicamente de diseño" en este caso encerrar eso en un marco de color, se utiliza DIV.

Dejo la imagen corregida hasta el momento.

Y en efecto sigo teniendo duda si el lo de los ultimos temas del foro es SECTION o NAV y si todo el sidebar debe ser un solo "ASIDE" con otras etiquetas anidadas.

PD: El slider es COIN SLIDER: http://workshop.rs/projects/coin-slider/

[ryugen]

Los chicos de HTML5doctor nos regalaron esta imagen que lo resume bastante bien.

[daPhyre]

Iniciado por ryugen

Los chicos de HTML5doctor nos regalaron esta imagen que lo resume bastante bien.

¡Este ayuda bastante! Muchas gracias =D

[arturosl]

En lo personal no me gusta meter en alguna etiqueta de html5 a "algo" que valla a tener algún efecto o evento javascript como lo pueden ser un: slider, ad de adsense, etc. Así que el aside donde va el adword yo lo cambiaría por un div.