Tenho uma listagem de arquivos, resultados de uma busca, ou seja, deveria criar uma lista <ol> assim como o google faz com seus resultados, porém ao clica no nome do arquivo, este expande o restante das informações do mesmo: a descrição completa e um conjunto de metadados deste, no final tenho a seguinte extrutura de dados:
NOME DO ARQUIVO
-> DESCRIÇÃO
* Metadados: valores
* Metadados: valores
…
Semanticamente e conceitualmente falando devo usar
LIST:
<ol><li>
<h3>NOME DO ARQUIVO</h3>
-> DESCRIÇÃO
<table>…
* Metadados:.. valores
…</table>
</li>…</ol>
LIST com DEFINITION LIST
<ol><li>
<dl>
<dt>NOME DO ARQUIVO<dt>
<dd>DESCRIÇÃO
<table>…
* Metadados:.. valores
…</table>
</dd>
</dl>
</li>…</ol>
OU devo usar um table com colspan??
como ficaria tudo isso num leitor de telas?