Tableless

Busca Menu

Lições sobre Semântica #4 – Listas

Seja o primeiro a comentar por

Recebi por email uma dúvida simples mas que muitas vezes o pessoal faz confusão:

Bem, gostaria de saber semânticamente como vocês tratam uma sequência de ações, exemplo:

Ler comentário Ler todo o Artigo Deixar Comentários Versão para impressão

Já vi o pessoal por ai na web fazendo de diversas maneiras, usando um <p> seguido de 1 <a> para cada ação dessas, exemplo: <p><a href=”/” title=””>Ler comentário><a href=”” title=””>Ler todo o artigo</a><a href=”” title=””>Deixar comentários</a></p>

Essa seqüencia é feita com Listas.
Existem 3 tipos de listas, listas ordenadas, listas não ordenadas e listas de definição. Talvez, no caso acima seria usada listas não ordenadas. O código HTML ficaria:

<ul>
<li><a href="">Ler comentário</a></li>
<li><a href="">Ler todo o Artigo</a></li>
<li><a href="">Deixar Comentários</a></li>
<li><a href="">Versão para impressão</a></li>
</ul>

Claro que há sempre aquele papo da Subjetividade da Semântica.

Publicado no dia