Busca

Boas práticas de Desenvolvimento com Padrões Web


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 o pessoal por ai na web fazendo de diversas maneiras, usando um <p> seguido de [...]

12/03/2007 por Diego Eis
6 Comentários

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.

6 Comentários

Sua opinião:

Vamos elevar o nível de discussão. Exponha sua opinião, sua crítica.



RSS dos comentários deste post
URL para Trackback

6 Comentários

Inside.Web.Dev » Uma lição de semântica 12/03/2007 às 15:09

[...] Vale a pena ler este artigo do tableless. [...]

João José 12/03/2007 às 18:22

É bem subjetivo mesmo, se fosse eu colocaria uma lista ordenada se for uma seqüência de passos, se for uma lista de passos que não necessariamente são seqüências usaria não ordenado

Alexandre 12/03/2007 às 21:37

Depende muito. Se você montar a estrutura como se fosse uma frase pode usar o p, assim:

Pseudo HTML:
[p] [link]Veja o Artigo completo[/link], [link]deixe um comentário[/link] ou [link]imprima[/link] [/p]

EFilho 13/03/2007 às 23:51

Essa dúvida foi minha, agradeço ao pessoal do tableless pela atenção em relação ao e-mail. Bem, no meu entendimento também é uma lista(variando de acordo com o caso em não-ordenada, ordenada e de definição), mas se vocês observarem pelos códigos-fonte a fora, verão muito essa prática de + .
Em relação a oque Alexandre falou acima, também concordo, desde todos os links façam parte do mesmo contexto numa frase, o que não é o caso do post acima.

Bem valeu galera, o gostoso da semântica é isso, a polêmica!

Abraços

Hélio Costa 14/03/2007 às 18:22

Temos que entender que não existe regras e sim recomendações.

Acho que existe mais de uma maneira de se fazer.

[]‘s
Hélio
http://www.heliocosta.com.br/blog/

Acorda pra Web! » Semântica no HTML - Blocos de Código 15/03/2007 às 03:50

[...] semana no Tableless o post foi sobre semântica no HTML, falando sobre listas de [...]