Comunidad de diseño web y desarrollo en internet online

Dudas en section y article en html5

Citar            
MensajeEscrito el 10 Mar 2013 02:27 pm
Hola a todos/as:tengo dudas sobre section y article...por ejemplo cuando se debe usar,estoy un poco confundido sobre ello....si quiero escribir un parrafo lo hago en el section o en el article...gracias soy novato en esto

Por soprano2

16 de clabLevel



 

msie
Citar            
MensajeEscrito el 10 Mar 2013 08:44 pm
Un <section> contiene <article>, no al contrario, y puede contener tantos como quieras. Y además puede haber más de un <section> en el <body>.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 13 Mar 2013 01:15 pm
Gracias

Por soprano2

16 de clabLevel



 

msie
Citar            
MensajeEscrito el 26 Ago 2013 11:41 pm
Duda, segun el libro practical html5 projects de Adrian W. West es mejor introducir section dentro de article pag 19-20.

¿Quien tiene la razon?.

Agradecería que alguien me responda.

Por arm-d00

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 27 Ago 2013 12:19 pm
Ok, pero no dice por qué es mejor.

Los section están compuestos por article porque una sección de una página puede haber más de un artículo. Por ejemplo el índice de un blog. El índice completo es una sección y está compuesta por los diferentes artículos del blog que indexa.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 27 Ago 2013 02:23 pm
Según los ejemplos que ponen en W3 HTML 5.1 Nightly se pueden hacer las dos combinaciones, según el tipo de información.

Código HTML :

<section> Comentarios
     <article> Comentario de Juan </article>
     <article> Comentario de Pedro </article>
</section>

Código HTML :

<article> Manzanas
     <section> Manzanas Golden </section>
     <section> Manzanas Royal Gala </section>
</article>


En el enlace que he puesto, acabo de ver que se hacen la misma pregunta. Article or section?

Hace poco leí que se habían hecho unos cambios en la definición de article, pero no me acuerdo si tienen algo que ver con esto.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 27 Ago 2013 02:29 pm
Interesante...

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 27 Ago 2013 02:39 pm
Por cierto, ¿conocéis alguna web o blog donde se publiquen los cambios que van haciendo? Hace tiempo me enteré por casualidad de que la etiqueta hgroup se la habían cargado, ya no se puede utilizar...

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 27 Ago 2013 02:40 pm
Gracias

Por soprano2

16 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Ago 2013 12:08 pm

walden escribió:

Por cierto, ¿conocéis alguna web o blog donde se publiquen los cambios que van haciendo? Hace tiempo me enteré por casualidad de que la etiqueta hgroup se la habían cargado, ya no se puede utilizar...

Deberías suscribirte al newletter de la W3C.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 28 Ago 2013 09:28 pm
El libro practical html5 projects de Adrian W. West cita
-------------------------------------------------------------------------------------------------------------------------------------------------
You may wonder why I have not used the <section> element in any example so far. When I wrote this
chapter, there was considerable confusion over the difference between <section> and <article>. This
arose because some manuals and web sites described the <section> element as being like a chapter in a
book. This suggested that it was like a wrapper containing chunks of content. As a result, one HTML5
manual and some HTML5 forums used <section> as a styled wrapper or container. This surrounded
several <article> elements. Another HTML5 manual used a <div>
for the container or wrapper; this
enclosed <article>
elements, which in turn enclosed <sections>.

Which practice is correct? I tried them all and they all worked because HTML5 is currently quite lax.

Even my favorite HTML5 gurus at HTML5 Doctor (http://html5doctor.com) discovered they had been using the <section> element incorrectly; their revised web site stated: “…we realize that we’ve been using the <section> element incorrectly all this time. Sorry, what we’ve been doing wrong is using <section> to wrap content in order to style it, or to demarcate the main content area from the <nav>, <header>, <footer> etc. These are jobs for <div>, not <section>.”
The http://www.whatwg.org specification was revised as follows: “The <section> element is not a generic container element. When an element is needed for styling purposes…authors are encouraged touse the <div> element instead.”
See the full version of the W3C statement on this topic at http://www.w3.org/TR/html5/sections.html#the-section-element
----------------------------------------------------------------------------------------------------------------------------------
por ello mi duda.

Por arm-d00

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Ago 2013 09:34 pm
y nos muestra el siguiente ejemplo
------------------------------------------------------------------------------------------------------------------------------------------
<section> is best used as a sub-section of an <article> and should always contain and enclose a
heading, something like the following:
<article>
<h1>A heading, any level from h1 to h6</h1>
<section>
<h1>A heading, any level from h1 to h6</h1>some content
</section>
<section>
<h1>A heading, any level from h1 to h6</h1>some content
</section>
<article>
------------------------------------------------------------------------------------------------------------------------------

La pregunta es porque ya antes me he topado que aveces es correcto en sintaxis pero no es practico al aplicarlo, por ello me gustaría que comenten, gracias.

Por arm-d00

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 28 Ago 2013 10:16 pm

DriverOp escribió:

walden escribió:

Por cierto, ¿conocéis alguna web o blog donde se publiquen los cambios que van haciendo? Hace tiempo me enteré por casualidad de que la etiqueta hgroup se la habían cargado, ya no se puede utilizar...

Deberías suscribirte al newletter de la W3C.

Gracias...

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 28 Ago 2013 10:37 pm
Lo que veo que se comenta en el libro es que section y article no se deben utilizar para organizar el código html (para eso están los divs), sino para organizar los temas que se traten en la web. Creo que con los ejemplos de W3C está bastante claro.

Por walden

Claber

120 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.