Semantica HTML5 para vistas o grids.

[rjulio21]

Buenas estimados, Tengo una pequeña duda y espero puedan ayudarme.
Estoy creando un sitio web ahora y para no perder el margen de la actualización estoy utilizando HTML5 y sus etiquetas. Sin embargo, no estoy del todo seguro de que el uso sea 100% correcto. y quiero discutirlo.
Pongo ejemplos:
El sitio es un sitio de compras en internet, con su buscador, carro de compras y productos. Entonces al listar los productos bien sea por categoria, o por busqueda personalizada. Utilice un codigo mas o menos asi

Código HTML:

<section class="listaproductos">
    <article>
           <section class='imagen'><img/></section>
           <section class='descripcion>Aqui van el titulo, precio etc....</section>
    </article>
    <article>
           <section class='imagen'><img/></section>
           <section class='descripcion>Aqui van el titulo, precio etc....</section>
    </article>
</section>
 

De este modo, talcomo he leido no uso div repetitivos ni uso tablas. cosas que considero es mejor. sin embargo, realmente esta bien estructurado? De la misma manera cree el carro de compras que se va llenando según la seleccion...

Pero adicionalmente a eso. Tengo los grids para el usuario administrador, los cuales siempre he hecho con tablas. Por ejemplo el grid donde se listan todas las categorias registradas, con las opciones de modificar, eliminar y nueva..... pregunto, es mejor en estos grids tambien usar los nuevos tags? o sigo trabajandolo con tablas?


Muchas gracias a quien me responda.