Tableless - Desenvolvimento inteligente com Padrões Web

12/03/2007
Artigos

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

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 …

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:

1
2
3
4
5
6
&lt;ul&gt;
&lt;li&gt;&lt;a href=""&gt;Ler comentário&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=""&gt;Ler todo o Artigo&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=""&gt;Deixar Comentários&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=""&gt;Versão para impressão&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

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

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de