Es mejor utilizar divs o tablas que contienen columnas de enlaces?

Question

Tengo una página con 3 columnas de enlaces en la parte inferior. Cada columna se pone en un div y los tres divs están envueltos en un gran div que se centra en la página. Es algo que se adapta mejor a una mesa o una mesa el elemento equivocado para el trabajo?

Answer 1

También puede utilizar <ul> y <li> para esto.

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

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

Esto creará columnas horizontales utilizando elementos li, y luego se puede rellenar el código HTML para crear enlaces individuales en cada li.

Answer 2

La regla de oro es:

Div uso para el diseño, tablas para datos tabulares.

En una nota lateral, echa un vistazo a la etimología del término regla general, bastante gracioso.

Answer 3

la pregunta que desea que preguntarse es, son sus enlaces de una parte de los datos tabulares?

En caso afirmativo, las tablas son su elección. Si no, entonces debería usar divs.

Es importante usar el elemento semánticamente correect para crear una página, aunque otros elementos pueden resultar en el mismo efecto, posiblemente con menos esfuerzo.

En cuanto a sus enlaces, parece que no son parte de una tabla. Me gustaría sugerir el uso de divs y css adecuada.

JRH

Answer 4

No creo que las tablas son una buena opción para esto. Basta con tener tres columnas no constituye datos tabulares en mi libro. Con un poco de margen de beneficio limpio y una buena hoja de estilo, se puede tener una forma mucho más flexible para lograr esto. Si utiliza divs flotaba izquierda, simplemente darles una anchura por ciento en lo que se llenan el contenedor principal (100 / número de elementos)%. De esa manera, si desea agregar otra columna es una simple de marcas cambiar un solo cambio de estilo. De esta manera usted no tendrá que hacer frente a wonkyness mesa de navegador y tener una gran cantidad mayor flexibilidad en su diseño -. En la parte superior de la que se puede cambiar el diseño completo sin dejar su hoja de estilo

Answer 5

El principio fundamental detrás de HTML es "markup" en la SIGNIFICADO de sus datos.

Voy a usar el principio anterior como guía:

1. Si usted tiene 3 columnas sólo porque se ve bien -. Entonces no hay sentido a sus columnas, y usted debe tratar de usar DIVs (que son insignificantes elementos de "contenedor")

2. Si usted tiene 3 columnas porque hay 3 categorías de enlaces, a continuación, una tabla está bien. Imagínese si usted dio cabeceras para cada lista de enlaces -. Esto hace que una mesa con un THEAD necesaria

3. Y, de hecho, cada columna es una "lista desordenada" -. Que se traduce en un elemento UL con elementos LI

4. Y ya que usted tiene una lista de enlaces, que va a utilizar, por supuesto, los elementos A.

Así que a partir de primeros principios, usted debe tener la siguiente estructura:

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

Answer 6

A diferencia de otras respuestas, una mesa podría ser una solución semántica. Si las tres secciones son distintos entre sí y tienen un título, puede utilizar <th> para los títulos y <td> para cada uno de los enlaces. Creo que es perfectamente semántica.