Y el formulario de buscar por qué consideráis que debe ir en nav?
2013/2/27 Edgardo Raúl Galletto <edgardogalle...@gmail.com>
> Totalmente de acuerdo con Marquitos Mendez! Saludos campeón!
> Edgardo Raúl Galletto
> www.webmoderna.com.ar
> i...@webmoderna.com.ar
> 0351-153272337
> Enviado desde mi MiMente® con mi poder de Ciberpatia.
>
> -----Original Message-----
> From: marcos méndez filesi <mmfil...@gmail.com>
> Sender: ovillo-boun...@lists.ovillo.org
> Date: Wed, 27 Feb 2013 13:01:03
> To: Ovillo, la lista de CSS en castellano<ovillo@lists.ovillo.org>
> Reply-To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org
> >
> Subject: Re: [Ovillo] Duda sobre etiquetado correcto en HTML5
>
> Sí, al menos deberían ir en navs:
>
> a) La(s) barra(s) de navegación
>
> b) Formulario buscar
>
> c) Las breadcrumbs...
>
> en fin, cualquier elemento importante de navegación de la arquitectura
> interactiva de un sitio. No un enlace suelto aquí o allá, sino "los cuadros
> de mano"...
>
>
> El 27 de febrero de 2013 12:53, Eva García <evag...@gmail.com> escribió:
>
> > 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
> >
>
>
>
> --
> 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
>
_______________________________________________
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
