Foros del Web » Creando para Internet » HTML »

<section> <article> <aside>

Estas en el tema de <section> <article> <aside> en el foro de HTML en Foros del Web. Tengo una duda en cuanto a estos elementos. Por ejemplo forosdelweb <h1>Titulo tema de de discucion</h1> <section> contenido tema de discucion ... .. . </section> ...
  #1 (permalink)  
Antiguo 01/09/2011, 15:34
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
<section> <article> <aside>

Tengo una duda en cuanto a estos elementos.

Por ejemplo forosdelweb

<h1>Titulo tema de de discucion</h1>
<section>
contenido tema de discucion
...
..
.
</section>
<aside>respuesta1</aside>
<aside>respuesta2</aside>
<aside>respuesta3</aside>
<article>apartado de iniciar sesion</article>
<article>agun anuncio</article>

-------------------------------------

Documento

cabeza
cuerpo
pie

cuerpo->Contenido de la web
dentro de este contenido de la web hay algun contenido que es el principal ese contenido principal estaria si lo meto en un section?¿

Subtemas por ejemplo las respuestas del foro metarlas en un aside?¿

Temas independientes por ejemplo una noticia muy aparte en un article?¿

En fin espero que me puedan ayudar?¿


Agregando otro ejemplo http://noticiasdeinformatica.info/

<section>noticias
<aside>Comentarios de los usuarios
<article>El video de la derecha que tiene que ver con una noticia premium
<nav>web's amigas

-----------------------------------------------------------------------------------------------------------

otro ejemplo se me bino

por ejemplo un tutorial

<nav>indice compuesto de enlaces
<section>Contenido del tutorial
<aside>pueden ser los tip's
<article>Especificaciones del libro por ejemplo un cuadrito de fondo azul son los errores tipicos, un cuadro rosa son los codigos

Estos ejemplos estan bien?¿

Última edición por hackjose; 01/09/2011 a las 15:56
  #2 (permalink)  
Antiguo 05/09/2011, 08:54
 
Fecha de Ingreso: octubre-2010
Mensajes: 66
Antigüedad: 13 años, 6 meses
Puntos: 7
Respuesta: <section> <article> <aside>

La segunda va un poco mejor encaminada, pero tampoco es correcta.

La manera que más me ayudó a mi para saber la diferencia entre una cosa y otra, es pensar en la web como en un periodico, o revista.

Supongamos que estamos en un periodico, en la primera página de deportes, que cuenta la crónica del partido de anoche y otras noticias de futbol.

Section es la sección del periodico donde estamos (Deportes)
Article es la noticia (artículo) en si (El futbol club pepito gana por 2-0 a...)
Aside es contenido relacionado con la noticia, pero no estrictamente es la cronica del partido.
Por ejemplo, la tabla clasificatoria del campeonato.

Nav va un poco aparte en este ejemplo, es un elemento que engloba navegación, es decir páginas y secciones dentro de nuestra web (lo más parecido siguiendo el simil anterior, sería si el periodico tuviese un indice de contenidos)

Esto es lo básico, aunque realmente "section" puede ser cualquier división de un elemento, asi por ejemplo podríamos tener el articulo dividido en varias secciones, por el motivo que sea: distintos autores, paginación...

Mi ejemplo en código sería algo asi:

http://jsfiddle.net/y97M6/

Última edición por hdennison; 05/09/2011 a las 09:03
  #3 (permalink)  
Antiguo 05/09/2011, 16:11
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: <section> <article> <aside>

Gracias amigo que buena respuesta hasta con ejemplo eso es todo!!!

Etiquetas: article
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




La zona horaria es GMT -6. Ahora son las 22:49.