É melhor usar divs ou tabelas para conter colunas de links?

Question

Eu tenho uma página com 3 colunas de links na parte inferior. Cada coluna é colocado em um div e todos os três divs estão envoltos em uma grande div que está centrado na página. Isto é algo que é mais adequado para uma mesa ou uma tabela o elemento errado para o trabalho?

Answer 1

Você também pode usar <ul> & <li> para isso.

#horizontal {
    width: 100%;
    background: #eee;
    float: left;
}

#horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}

Isto irá criar colunas horizontais usando elementos li, e então você pode encher o HTML para criar links individuais em cada li.

Answer 2

A regra de ouro é:

Use Divs para layout, tabelas de dados tabulares.

Em uma nota lateral, veja a etimologia da Regra prazo do Polegar, bastante bem-humorado.

Answer 3

a pergunta que você quer perguntar é, são as suas ligações a parte de quaisquer dados tabulares?

Se sim, mesas são a sua escolha. Se não, então você deve usar divs.

É importante usar o elemento semanticamente correect para criar uma página, embora outros elementos pode resultar no mesmo efeito, possivelmente com menos esforço.

Quanto aos seus links, parece que eles não fazem parte de uma mesa. Eu sugiro o uso de divs e css adequado.

JRH

Answer 4

Eu não acho que quadros são uma boa escolha para isso. Basta ter três colunas não constitui dados tabulares no meu livro. Com alguma marcação limpa e um bom estilo, você pode ter uma maneira muito mais flexível para alcançar este objetivo. Se você usar deixou divs flutuou, simplesmente dar-lhes um por cento de largura para que eles encher o recipiente pai (100 / número de elementos)%. Dessa forma, se você quiser adicionar outra coluna a uma simples marcação de mudar uma única mudança de estilo. Desta forma, você não terá que lidar com wonkyness mesa navegador e têm muito mais flexibilidade na sua concepção -. Em cima do que você pode mudar o layout completamente sem deixar sua folha de estilo

Answer 5

O princípio fundamental por trás HTML é a "marcação" do SIGNIFICADO de seus dados.

Vou usar o princípio acima como um guia:

1. Se você tem 3 colunas só porque ele parece bom - então não há nenhum significado para suas colunas, e você deve tentar usar DIVs (que são elementos sem sentido "container")

2. Se você tem 3 colunas porque existem 3 categorias de links, em seguida, uma tabela está bem. Imagine se você deu cabeçalhos para cada lista de links -. Isso faz uma tabela com um THEAD necessário

3. E, de fato, cada coluna é uma "lista não ordenada." - que se traduz em um elemento UL com elementos LI

4. E uma vez que você tem uma lista de links, você vai usar, é claro, elementos A.

Assim, a partir de primeiros princípios, você deve ter a seguinte estrutura:

<DIV> or <TABLE> (with <TR>/<TD>)
 -> <UL>
 ----> <LI>
 -------- <A> 

Answer 6

Ao contrário de outras respostas, uma mesa pode ser uma solução semântica. Se as três partes são distintas umas das outras e têm um título, você pode usar <th> para os títulos e <td> para cada uma das ligações. Eu acho que é perfeitamente semântica.