Foros del Web » Creando para Internet » HTML »

Wordpress - Semantica HTML 5

Estas en el tema de Wordpress - Semantica HTML 5 en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/01/2012, 15:33
Avatar de FWFernando  
Fecha de Ingreso: enero-2012
Mensajes: 4
Antigüedad: 7 años, 10 meses
Puntos: 1
Wordpress - Semantica HTML 5

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.


Última edición por FWFernando; 15/01/2012 a las 15:44
  #2 (permalink)  
Antiguo 15/01/2012, 17:51
 
Fecha de Ingreso: julio-2008
Ubicación: Barcelona
Mensajes: 2.100
Antigüedad: 11 años, 4 meses
Puntos: 165
Respuesta: Wordpress - Semantica HTML 5

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

Un saludo!
__________________
Gracias por el Karma :D

empleo ofertas de trabajo
  #3 (permalink)  
Antiguo 15/01/2012, 18:09
Avatar de FWFernando  
Fecha de Ingreso: enero-2012
Mensajes: 4
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Wordpress - Semantica HTML 5

Cita:
Iniciado por miktrv Ver Mensaje
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.
  #4 (permalink)  
Antiguo 16/01/2012, 05:06
 
Fecha de Ingreso: julio-2008
Ubicación: Barcelona
Mensajes: 2.100
Antigüedad: 11 años, 4 meses
Puntos: 165
Respuesta: Wordpress - Semantica HTML 5

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

Un saludo!
__________________
Gracias por el Karma :D

empleo ofertas de trabajo
  #5 (permalink)  
Antiguo 16/01/2012, 09:36
Avatar de FWFernando  
Fecha de Ingreso: enero-2012
Mensajes: 4
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Wordpress - Semantica HTML 5

Cita:
Iniciado por miktrv Ver Mensaje
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"??
  #6 (permalink)  
Antiguo 16/01/2012, 10:47
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 11 años, 3 meses
Puntos: 187
Respuesta: Wordpress - Semantica HTML 5

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:
Cita:
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.
  #7 (permalink)  
Antiguo 16/01/2012, 11:29
Avatar de FWFernando  
Fecha de Ingreso: enero-2012
Mensajes: 4
Antigüedad: 7 años, 10 meses
Puntos: 1
Respuesta: Wordpress - Semantica HTML 5

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/


Última edición por FWFernando; 16/01/2012 a las 11:38
  #8 (permalink)  
Antiguo 17/01/2012, 05:23
Avatar de ryugen
Colaborador
 
Fecha de Ingreso: agosto-2008
Ubicación: Rosario, Santa Fe
Mensajes: 350
Antigüedad: 11 años, 3 meses
Puntos: 187
Respuesta: Wordpress - Semantica HTML 5

Los chicos de HTML5doctor nos regalaron esta imagen que lo resume bastante bien.
  #9 (permalink)  
Antiguo 18/01/2012, 16:51
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 11 años, 8 meses
Puntos: 142
Respuesta: Wordpress - Semantica HTML 5

Cita:
Iniciado por ryugen Ver Mensaje
Los chicos de HTML5doctor nos regalaron esta imagen que lo resume bastante bien.
¡Este ayuda bastante! Muchas gracias =D
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #10 (permalink)  
Antiguo 28/07/2012, 17:20
 
Fecha de Ingreso: julio-2012
Ubicación: Mexico
Mensajes: 21
Antigüedad: 7 años, 4 meses
Puntos: 4
Respuesta: Wordpress - Semantica HTML 5

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.

Etiquetas: css3, semantica, wordpress
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 03:52.