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