Tabla o lista: ¿qué debo usar aquí?

Question

Me gustaría saber qué etiquetas debería usar para un diseño como este. Semánticamente es a la vez una tabla y una lista para mí. ¿Cómo puedo lograr esos subrayados y mantener el marcado correcto?

Answer 1

Personalmente, utilizaría una lista ordenada para lograr esto, la lista secundaria en Suma skladki significa que no se trata realmente de datos tabulares.

Este enlace debe darle exactamente lo que necesita:

http://thepcspy.com/read/css_table_of_contents/

Answer 2

que se parece a los datos tabulares por lo que una mesa sería semánticamente correcta

Answer 3

Para mí, personalmente, esto se parece más a una lista de una mesa (aunque aún se podía construir como una mesa, y hacerlo justificadamente). Lo construiría como una lista anidada.

<ul> 
    <li>Suma skladki <span class="price">900 PLN</span> 
    <ul> 
     <li>Skladka podstawawa 
      <span class="desc">(dia przychodu 250 000 PLN)</span> 
      <span class="price">550 PNL</span> 
     </li> 
    </ul> 
    </li> 
</ul> 

Esto también le dará más flexibilidad de diseño en el futuro que si se utiliza un elemento table. No estoy tan seguro de que table comunique la jerarquía anidada que tiene aquí, así como también una serie de listas.

Answer 4

• Sólo porque usted tiene sub-datos, no significa que es una lista; hay un montón de tablas que tienen subcategorías (basta con mirar un libro mayor general)
• Tiene varias piezas de información estructurada, dispuestas de una manera consistente , lo que constituye una mesa, o datos tabulares
• Lo que estás mostrando anterior es el equivalente de un TOC (tabla de Contenidos) y es una mesa por una razón (que tiene una etiqueta y un valor)

dicho esto, este día en edad doesn' realmente importa lo que uses siempre y cuando puedas defenderlo, especialmente dado que las listas/divs pueden tomarse e en la forma de una mesa.

Es más incorrecto usar un table para algo que no es una tabla, que usar una lista para algo que podría usar una tabla.