HTML 5 – section
Hoy comenzamos con la revisión de la especificación html 5 y en esta ocasión nos centraremos en el tag section.
Este elemento se utiliza para darle una nueva estructura al código, por ejemplo en este código se ve una estructura de html 5 con varios nuevos elementos
Si nos damos cuenta la estructura es más fácil de entender ya que los nuevos elementos le dan una estructura definida y una forma que al solo leer los elementos involucrados se saben las partes que están dentro del sitio. En cuanto al tag section viene unido a acción de ordenar semánticamente el código, ojo que no viene a sustituir los div, ya que si lo que se busca es dar estilos al código para por ejemplo utilizar efectos javascript conviene tener divs y no section o articles. En esta página encontré un resumen super bueno de lo que no se debe hacer al usar el tag section y la voy a traducir.
HTML:
Si nos damos cuenta la estructura es más fácil de entender ya que los nuevos elementos le dan una estructura definida y una forma que al solo leer los elementos involucrados se saben las partes que están dentro del sitio. En cuanto al tag section viene unido a acción de ordenar semánticamente el código, ojo que no viene a sustituir los div, ya que si lo que se busca es dar estilos al código para por ejemplo utilizar efectos javascript conviene tener divs y no section o articles. En esta página encontré un resumen super bueno de lo que no se debe hacer al usar el tag section y la voy a traducir.
- No use section cuando quieras utilizarlo para dar estilos o ejecutar scripting
- No lo use si los tag nav, articles o aside es más apropiado
- No lo uses si a continuación de abrir la etiqueta no viene un título
Etiquetas:desarrollo web, HTML 5, web
"Trackback" Enlace desde tu web.
Comentarios (5)
HTML 5 – nav : Dakoo
| #
[...] igual que nuestro anterior post donde vimos el tag section en esta ocasión nos centraremos en el tag nav. El objetivo de este [...]
Responder
andres
| #
tengo una duda, echandole un ojo a las especificaciones,
parece que se una section va dentro de un article y no al reves
hay algun problema en ello?
Con respecto al css no puedo aplicarle estilos a estas etiquetas(section, article)
gracias
Responder
Agustín Amenabar
| #
Buen Blog José Miguel!
es uno de esos elementos que hace más sentido cuando es mal usado que cuando se sigue la especificación.
La principal característica de section es que afecta el “document outline” (delineado de documento?).
Pero desde un punto de vista semántico, personalmente me hace más sentido fuera del artículo, para separar secciones de un sitio que no es meramente contenido. Para delinear la jerarquía de contenidos de un artículo h1 a h6 header, footer, aside y figure son más que suficiente. ¿Quizá para documentos con más de 6 niveles de complejidad? (Como las definiciones de elementos HTML de la W3C)
Responder
admin
| #
@andres Es todo desde el punto de vista semántico, tu puedes tener artículos dentro se secciones y secciones dentro de artículos, todo va en el estilo semántico que le des. Con respecto al css lanza el el código aca y lo analizamos
@agustín Lo mismo que para Andres, solo depende del sentido semántico que le des a tu código
Responder
Diseño Web Zaragoza
| #
muy buena guia, la semantica sera obligatoria en un tiempo para el seo veras..
Responder