Domanda

Sto creando una GUI web per un'applicazione sto lavorando. Questa particolare sezione siederà all'interno di una pagina più grande che è di un buon trucco semantico. Tuttavia, sono sicuro che cosa la migliore opzione per markup la seguente schermata semanticamente.

Il mio primo pensiero è quello di separare la metà superiore dalla metà inferiore, div. Pertanto, il markup per la parte superiore è abbastanza facile. Lasciando il fondo che è dove mi sento perplesso. La risposta più semplice è un tavolo, ma questo contenuto non facilmente adattarsi gli unici tavoli di utilizzo per regola dati tabulari. Soprattutto se si considera che le intestazioni apparirebbe evidente, in questo layout. Suggerimenti?

Necessità Semantic Markup per questa immagine http://img183.imageshack.us/img183/2261/semanticmarkup.png

È stato utile?

Soluzione

Vorrei usare un tavolo per la parte inferiore, perché a mio parere questo è i dati tabulari. Vedo 4 colonne (icona, il nome del progetto, descrizione del progetto, e pulsanti di azione). Non vedo alcun motivo per non utilizzare una tabella per questo layout (per non parlare che qualsiasi altro approccio che renderebbe questa scala di layout correttamente richiederebbe Javascript e un sacco di mal di testa per lavorare a destra).

Altri suggerimenti

Non credo che sarebbe la violazione più eclatanti di marcatura semantica se metti quella roba in tabelle. Fatta eccezione per i tasti, sembra piuttosto tabellare a me. Credo che gli dei CSS avrebbero assolvere voi:)

Sono d'accordo con Andrea. Si tratta di dati tabulari così si dovrebbe usare un <table> ma di tenere presente che è necessario definire le intestazioni di tabella, le colonne e piè di pagina in modo corretto.

L'altra opzione è quella di andare con un tavolo senza intestazione in cui si usa un <div>for l'intestazione e piè di pagina e un <table> come il corpo. Tuttavia, non consiglio di fare questo. Una ragione potrebbe essere che si vorrebbe intestazioni per le cose come client-side di ordinamento se si sta utilizzando JavaScript.

Non stai violando nulla mettendo che in una forma di tabella. Certo, alcune persone lamentarsi su di esso, ma è abbastanza vicino per dati tabulari che si può pure.

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