Hola Marcos,
Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
del nav que me comentas me surge una duda. Ya tengo un nav con el menú
principal ¿puedo tener más de un nav en el código?
Gracias de nuevo!
El 27 de febrero de 2013 11:12, marcos méndez filesi
<mmfil...@gmail.com>escribió:
> entonces yo haría un nav + 3divs.
>
> y no te olvides de añadir esto pá que funcionen los tags con la tostadora:
>
> <!-- Script Media Queries y semánticos para el Explorer-->
> <!--[if lte IE 8]>
> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
> <script src="//
> css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
> "></script>
> <![endif]-->
>
> `+ en los estilos:
>
>
> article,
> aside,
> details,
> figcaption,
> figure,
> footer,
> header,
> hgroup,
> nav,
> section,
> summary {
> display: block;
> }
>
>
> + info, que me acabo de acordar que escribí sobre eso
>
> http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/
>
>
>
>
> El 27 de febrero de 2013 11:03, Eva García <evag...@gmail.com> escribió:
>
> > Para que veis más clara la estructura de la Web os comento que es una
> > tienda online, donde debajo del slide hay tres cajas que son tres
> enlaces a
> > tres categorías de productos. Cada caja lleva una imagen, el título de la
> > categoría, una breve descripción de la categoría y un link a esa
> categoría.
> > Debajo van las noticias y debajo opiniones de clientes. La duda que
> > planteaba es como maquetar esas cajas con enlaces a las categorías
> > principales. Por lo que he leido entiendo que todo iría dentro de un
> único
> > section y no se si cada caja etiquetarla con un article o un div
> >
> > Que lío esto del HTML5!!!
> >
> > Gracias de nuevo!
> >
> >
> > El 27 de febrero de 2013 10:57, Olivier Blázquez <obe...@gmail.com
> > >escribió:
> >
> > > Si no tienen nada que ver con el contenido que viene después, igual
> > > deberías meterlas dentro de un <aside>, en vez de un section.
> > >
> > > Yo entiendo el section como la sección de un periódico ("Nacional", por
> > > ejemplo), y dentro iría cada noticia dentro de un <article>. O como la
> > > sección de una tienda y dentro de cada sección, un producto (<article>)
> > > **
> > > *
> > > *
> > >
> > >
> > >
> > > El 27 de febrero de 2013 10:47, Eva García <evag...@gmail.com>
> escribió:
> > >
> > > > Esas tres cajas .
> > > > Son tres cajas donde en cada un título, descripción y link a una
> página
> > > > interna. Es un bloque independiente de los demás, así que por lo que
> me
> > > > comentais esas tres cajas irían dentro de un section. Y ahora la
> > > siguiente
> > > > duda ¿debería de marcar cada caja con la etiqueta article?
> > > >
> > > > Gracias por el texto Carlos, ya lo había visto googleando ;-)
> > > >
> > > >
> > > >
> > > > El 27 de febrero de 2013 10:37, Carlos Núñez <cha...@gmail.com>
> > > escribió:
> > > >
> > > > > Te paso un extracto que sigo como referencia:
> > > > >
> > > > > Uso de <div/> en HTML5 orientado a SEO
> > > > > La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
> > > > siempre
> > > > > ha significado: conjunto de elementos. En ningún momento se ha
> > > > transformado
> > > > > a una etiqueta "tonta" que puedas usar libremente para ayudarte con
> > el
> > > > CSS
> > > > > ni ha sido sustituida totalmente por la etiqueta <section/>.
> > > > >
> > > > > Por lo tanto nuestro deber es usarla como ayuda a la estructura de
> > > > página:
> > > > > como base para crear el layout de de nuestras páginas, siempre y
> > cuando
> > > > no
> > > > > exista otra etiqueta de conjunto que represente mejor este papel...
> > En
> > > > > otras palabras, div es la herramienta para unir elementos cuando no
> > > > podemos
> > > > > asociar significado semántico a este conjunto.
> > > > >
> > > > > Uso de <section/> en HTML5 orientado a SEO
> > > > > El uso de seción es muy parecido al de div pero aportando la carga
> de
> > > > > significado mínima posible al contenido. Englobando distintos
> > elmentos
> > > > > dentro de una etiqueta <section/> lo que estamos haciendo es
> declarar
> > > que
> > > > > todo su contenido está relacionado y forma parte de un mismo
> > > significado
> > > > o
> > > > > elemento.
> > > > >
> > > > > La diferencia es sutil pero muy importante: cuando creamos bloques
> > cuyo
> > > > > contenido forma un todo usaremos <section/>, cuando estos bloques
> > > > responden
> > > > > más a diseño o a necesidades de estructura usaremos <div/>.
> > > > >
> > > > > Esta diferenciación también provoca que en todas estas maquetas que
> > > usan
> > > > > 200 divs para conseguir que con pocos conociemientos de CSS el
> diseño
> > > > tome
> > > > > forma no pasan a estar bien hechas, pero si que podemos decir que
> en
> > > > html5
> > > > > estan "menos mal" (dado que al menos hemos marcado con sections los
> > > > > conjuntos que si que tienen significado sin liar tanto a los
> > > buscadores).
> > > > >
> > > > > Uso de <article/> en HTML5 orientado a SEO
> > > > > Por último la etiqueta <article/> es el siguiente paso a la hora de
> > > > > declarar que un cojunto de elmentos en nuestra página tiene
> > > significado.
> > > > En
> > > > > este caso el paso dado es el dar a entender que ese conjunto tiene
> > > > > significado claro incluso si lo sacamos totalmente de la página. Es
> > > > decir,
> > > > > al incluir algo dentro dentro de la etiqueta <article/> lo que
> > estamos
> > > > > diciéndole a los buscadores es que dentro de este article podrá
> > > encontrar
> > > > > contenidos únicos con su propio significado.
> > > > >
> > > > > Esto nos lleva casi siempre a que en páginas normales nuestro
> > contenido
> > > > > será el único <article/> de la página y en páginas con listados de
> > > > > elementos tendremos un <article/> por cada elmento del listado (que
> > si
> > > > > queremos identificar bien, tendrá un link con rel="bookmark" hacia
> el
> > > > > contenido real).
> > > > >
> > > > > Para que la etiqueta article termine de entenderse comentar que
> > > > idealmente
> > > > > esta al ser un contenido con significado propio podría contener en
> su
> > > > > interior etiquetas <header/>, <section/>, <aside/> y <footer/> ya
> > > que...
> > > > al
> > > > > ser contenido propio, ¿porque no pueden tener sus mismas
> > > carácteristicas?
> > > > >
> > > > > Uso de <aside/> en HTML5 orientado a SEO
> > > > > Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
> > > > > <section/> venida a menos. Y es que aside sirve para indicar que
> ese
> > > > bloque
> > > > > es solo un añadido a los bloques que tiene al lado. Son datos extra
> > sin
> > > > lo
> > > > > que podríamos pasar perfectamente pero que hemos decidido añadir en
> > el
> > > > > documento.
> > > > >
> > > > > Así pues, un <aside/> como hijo de la etiqueta <body/> nos dice que
> > se
> > > > > trata de un contenido añadido por temas que no tienen nada que ver
> > con
> > > el
> > > > > contenido de página (normalmetne esas columnas laterales llenas de
> > > tags y
> > > > > banners). Cuando lo incluimos dentro de un <article/> nos indica
> que
> > > esa
> > > > > información complementa el artículo pero no forma parte de él
> (listas
> > > de
> > > > > datos, testimoniales, banners relacionados, etc...).
> > > > >
> > > > > >> Carlos.
> > > > >
> > > > > El 27 de febrero de 2013 10:31, Marina Gallardo
> > > > > <marinagalla...@gmail.com>escribió:
> > > > >
> > > > > > Yo no sé cómo lo ven los demás, pero quizás el section tendría
> que
> > > > estar
> > > > > > dentro del article no?
> > > > > >
> > > > > > 2013/2/27 Eva García <evag...@gmail.com>
> > > > > >
> > > > > > > Buenos días a tos@s,
> > > > > > >
> > > > > > > Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web
> > > donde
> > > > > > tengo
> > > > > > > la cabecera con su menú, debajo tengo un slide dentro de un
> > > > <section> y
> > > > > > > debajo quiero maquetar tres cajas que digamos son tres
> contenidos
> > > > > > > destacados. Lo típico de poner tres cajas en horizontal con su
> > > foto,
> > > > > > > título, breve texto y botón link para ampliar la información.
> La
> > > duda
> > > > > que
> > > > > > > me surge es si cada caja la tengo que poner dentro de una
> > etiqueta
> > > > > > > <section> o si por el contrario tengo que crear una etiqueta
> > > > <section>
> > > > > > para
> > > > > > > aglutinar las tres cajas y después cada una de estas
> etiquetarla
> > > como
> > > > > > > <article> ¿Sería correcto esto?
> > > > > > >
> > > > > > > <section>
> > > > > > > <article>
> > > > > > > <h3>Títtulo</h3>
> > > > > > > ...
> > > > > > > </article>
> > > > > > >
> > > > > > > <article>
> > > > > > > <h3>Títtulo</h3>
> > > > > > > ...
> > > > > > > </article>
> > > > > > >
> > > > > > > <article>
> > > > > > > <h3>Títtulo</h3>
> > > > > > > ...
> > > > > > > </article>
> > > > > > > </section>
> > > > > > >
> > > > > > > Seguidamente de esto tengo un listado de noticias y un listado
> de
> > > > > > opiniones
> > > > > > > de clientes ¿tendría que utilizar la misma estructura?
> > > > > > >
> > > > > > > Gracias!!
> > > > > > > _______________________________________________
> > > > > > > Lista de distribución Ovillo
> > > > > > > Para escribir a la lista, envia un correo a
> > > Ovillo@lists.ovillo.org
> > > > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > > dirección:
> > > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > > > >
> > > > > > _______________________________________________
> > > > > > Lista de distribución Ovillo
> > > > > > Para escribir a la lista, envia un correo a
> > Ovillo@lists.ovillo.org
> > > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> > dirección:
> > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > > >
> > > > >
> > > > >
> > > > >
> > > > > --
> > > > > >> Carlos Núñez
> > > > > _______________________________________________
> > > > > Lista de distribución Ovillo
> > > > > Para escribir a la lista, envia un correo a
> Ovillo@lists.ovillo.org
> > > > > Puedes modificar tus datos o desuscribirte en la siguiente
> dirección:
> > > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > > >
> > > > _______________________________________________
> > > > Lista de distribución Ovillo
> > > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > > >
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Marcos Méndez Filesi
> http://www.mmfilesi.com/
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
