HTML5, <section> dentro de la lista desordenada

Question

¿Puedo usar la etiqueta <section> dentro de la lista desordenada?

Sé que <section> representa una sección genérica del documento. Usualmente encontramos rumbo adentro.

Entonces ... Tengo una lista de productos. Por lo general, alrededor de 20 por página. Cada elemento tiene:

• título,

• breve descripción (máximo 255 caracteres),

• miniatura, algunos detalles, botón.

Así que cada elemento de la lista es algo así como la sección, "is a thematic grouping of content, typically with a heading".

Por supuesto que no uso, <section> a propósito de estilo.

Creo que, <section> también podría estar aquí un contenedor para una lista, y cada elemento de la lista <article>.

¿Cuál es su opinión?

Answer 1

una lista de las oficinas descentralizadas ...

hace uso de la sección para cada sección individual de un selector de pestaña o deslizador de contenido (si no se necesita una lista desordenada)
USE sección para dividir a largas penas” y condiciones”(o similar) la página en secciones numeradas
dO elementos de sección nido si es necesario (como se puede ver con los‘términos y condiciones’de la página)

Una lista de no hacer ...

NO use la sección para dividir el contenido del encabezado y el pie de página; use div en su lugar (ver al médico)
NO use la sección para ajustar un separador de pestañas para la manipulación DOM o el estilo
NO use la sección para la barra lateral u otras cajas de contenido relacionadas tangencialmente; use a un lado en su lugar
NO use la sección solo para agregar un borde o sombra paralela alrededor de algo; use div en su lugar
NO utilice la sección para el contenedor al implementar columnas falsas; de nuevo, use div en su lugar
NO use la sección para anidar elementos al intentar evitar el error de doble margen de flotación de IE6 (o un problema similar relacionado con el diseño); de nuevo, use div
NO use la sección para contener una biografía de autor individual en una publicación de blog o artículo de noticias; utilizar un lado en lugar

Robados de When to Use the HTML5 “section” Element

Answer 2

El uso de una etiqueta dentro de un <section><li> valida la etiqueta (se puede probar esto usando la opción “Campo de texto” en la http://html5.validator.nu/), y no parece la especificación para sugerir No deberías No lo use de esta manera (vea http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element), así que me parece bien.

La etiqueta <article> es para “self-contained compositions”. Nunca he sido del todo claro sobre lo que eso significa, aparte de que varias publicaciones de blog aparezcan en una sola página, pero creo que los resúmenes de productos también parecen una buena opción para eso. Por lo tanto, su segunda idea de <section> que contiene la lista completa y <article> para cada producto, probablemente suene mejor.