Est-il préférable d'utiliser divs ou tables pour contenir des colonnes de liens?

StackOverflow https://stackoverflow.com/questions/1107669

Question

J'ai une page avec 3 colonnes de liens en bas. Chaque colonne est mise dans un div et les trois divs sont enveloppés dans un grand div qui est centrée sur la page. Est-ce quelque chose qui est mieux adapté à une table ou une table l'élément mauvais pour le travail?

Était-ce utile?

La solution

Vous pouvez également utiliser <ul> et <li> pour cela. 

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

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

Cela va créer des colonnes horizontales en utilisant des éléments li, et vous pouvez farcir le code HTML pour créer des liens individuels dans chaque li.

Autres conseils

La règle est:

Utilisez Divs pour la mise en page, des tableaux pour les données tabulaires.

Sur une note de côté, consultez l'étymologie du terme Règle du Pouce, assez humoristique.

la question que vous voulez vous poser est, vos liens une partie de toutes les données tabulaires?

Si oui, les tables sont votre choix. Si non, vous devez utiliser divs.

Il est important d'utiliser l'élément sémantiquement correect pour créer une page, bien que d'autres éléments peuvent entraîner le même effet, peut-être avec moins d'effort.

En ce qui concerne vos liens, il semble qu'ils ne font pas partie d'une table. Je suggère l'utilisation de divs et css appropriée.

HJR

Je ne pense pas que les tables sont un bon choix pour cela. Il suffit d'avoir trois colonnes ne constituent pas des données tabulaires dans mon livre. Avec un peu de balisage propre et une bonne feuille de style, vous pouvez avoir une manière beaucoup plus souple pour y parvenir. Si vous utilisez gauche flottait divs, simplement leur donner une largeur pour cent afin qu'ils remplissent le conteneur parent (100 / nombre d'éléments)%. De cette façon, si vous voulez ajouter une autre colonne son simple balisage changer un seul changement de feuille de style. De cette façon, vous avez l'habitude de traiter avec table de navigateur wonkyness et ont beaucoup plus de flexibilité dans sa conception -. En plus de cela, vous pouvez modifier la mise en page complètement sans laisser votre feuille de style

Le principal principe HTML est de "balisage" SIGNIFICATION de vos données.

Je vais utiliser le principe ci-dessus comme guide:

  1. Si vous avez 3 colonnes juste parce qu'il a l'air bien -. Alors il n'y a pas de sens à vos colonnes, et vous devriez essayer d'utiliser DIVs (qui sont des éléments « conteneurs » vides de sens)

  2. Si vous avez 3 colonnes parce qu'il ya 3 catégories de liens, puis une table est très bien. Imaginez si vous avez donné des en-têtes à chaque liste de liens -. Ce qui rend une table avec un THEAD nécessaire

  3. Et en effet, chaque colonne est une "liste non ordonnée." - qui se traduit par un élément UL avec des éléments LI

  4. Et puisque vous avez une liste de liens, vous utiliserez, bien sûr, un des éléments.

de premiers principes, vous devriez avoir cette structure: 

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

Contrairement à d'autres réponses, une table pourrait être une solution sémantique. Si les trois sections sont distinctes les unes des autres et avoir un titre, vous pouvez utiliser <th> pour les titres et <td> pour chacun des liens. Je pense que ce parfaitement sémantique.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top