Domanda

Come posso ottenere questo layout alt text http://img195.imageshack.us /img195/1870/screenshot20091212at151.jpg (ora il suo fatto con le tabelle) e avere ancora il markup semantico, credo che il tag più adatto per questo sarebbe dl. Ogni cellula deve avere l'altezza del loro fila.

EDIT: la colonna di sinistra contiene la descrizione e il diritto dei dati. Quindi non credo che questo è particolarmente adatto per le tabelle. Sarebbe se avrei spostare la descrizione alla testa tavolo, ma che avrebbe preso 2000 larghezza px

È stato utile?

Soluzione

Se siete preoccupati per la semantica e pensare che questo è il motivo per cui un elenco di definizioni è più adatto, leggere questo documento ufficiale sulla lista di definizioni.

Si dice:

  

Le liste di definizioni, creati usando l'elemento DL, generalmente costituiti da una serie di coppie termine / definizione (sebbene elenchi di definizioni possono avere altre applicazioni)

e

  

Gli elenchi di definizioni variano solo leggermente dagli altri tipi di elenchi in quanto le voci di elenco sono costituiti da due parti: un termine e una descrizione.

Ciò significa il termine (ad esempio Anrede) è descritto / definita dalla sua descrizione (es Herr ). Possiamo discutere qui, ma Herr non è davvero una descrizione di Anrede è più un possibile valore / parola (dati) si può usare come Anrede. E una definizione sarebbe

  

Un modo per affrontare le persone, a seconda del sesso, laurea, ecc.

A proposito di tutti gli altoparlanti non tedeschi, Anrede significa saluto.

Naturalmente ci sono delle eccezioni, ma da un punto di vista semantico, un tavolo si adatta meglio.


Tutto quello che voglio dire è: non gravare te stesso con queste cose. Per ottenere questo guardando lo stesso con tag DL e CSS non vale la pena. Per utilizzare una tabella per i dati va bene, davvero.

Altri suggerimenti

Se si tratta di informazioni tabellari, poi un tavolo non è il migliore, è il solo modo sensato per visualizzarla - questo è ciò che le tabelle sono state fatte per

Per essere un po 'più formale a questo proposito, la semantica dei dati è davvero tabellare, non c'è ragione al mondo di mentire su di esso.

vorrei utilizzare un <dl>, perché è a soli 2 colonne.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top