Dovrebbe Tabelle di essere evitato in HTML a tutti i costi?

https://stackoverflow.com/questions/82391

01-07-2019
|

Domanda

È consigliabile l'uso di tabelle nelle pagine HTML (ora che abbiamo CSS)?

Quali sono le applicazioni delle tabelle?Quali caratteristiche/abilità tabelle non hanno e che non sono in CSS?

Le Domande Relative

Soluzione

No, non a tutti.Ma usare le tabelle per i dati tabulari.Semplicemente non li uso generale per l'illustrazione.

Ma se si ha la visualizzazione di dati in formato tabellare, come risultati o forse anche una forma, andare avanti e utilizzare le tabelle!

Altri suggerimenti

Credo di non essere nella maggior parte qui, ma devo ancora vedere un sacco di utilizzare per le tabelle in HTML.Naturalmente, sì, per cose come le forme, semplicemente non si può battere una tabella.Cercando di allineare le etichette e di accompagnamento, campi modulo, sarebbe certamente possibile utilizzando i DIV, ma che PITA che vorresti essere, e il ridimensionamento della pagina sarebbe brutto in alcuni casi.Una tabella funziona a meraviglia qui.

Ma anche prendere in considerazione problemi più grandi.Per esempio, hai provato a creare uno standard 3 layout di colonna con intestazione e piè di pagina utilizzando solo DIV e i CSS?Di nuovo, è molto possibile, e ci sono circa 1000 siti web con esempi, ma tutti tendono a soffrire di problemi stessi.Il primo problema è che le colonne non piace a tutti la stessa altezza senza un qualche tipo di javascript assistenza.Il secondo problema è quello di cambiare il layout è spesso una cosa difficile, perché è un po ' un balacing agire per ottenere tutto "giusto" per cominciare, allora non si vuole pasticciare con essa.Infine, e questo risale a questo ultimo punto, non è facile.Avete per disporre di tutti i tuoi DIV, per poi tornare indietro e creare la magia CSS che costringere i DIV in posizione corretta, e poi trascorrere un paio di ore a modificare fino a quando non è di destra....ugh.E poi, guardando il codice HTML senza un visualizzatore davvero NON avete idea di ciò che la pagina sembra, perché è TUTTO reinterpretato dal CSS alla fine.

Ora, l'opzione B.Utilizzare una tabella.Passano circa 30 secondi, digitando la <tr> e <td> tag, probabilmente, senza CSS a tutti, non javascript 'fix', e sapere ESATTAMENTE che cosa sarà simile solo guardando il codice HTML.

Certamente ci sono argomenti a favore e contro tabelle, e i puristi sembrano favore DIV per il layout, ma non usare il DIV per motivi religiosi, solo perché qualcuno ti ha detto tabelle sono male.Utilizzare ciò che funziona meglio per voi, la vostra pagina, e il modo in cui i telespettatori sono andando a interagire con la pagina.Se una tabella, per poi utilizzarlo.Se non, non.

Tutti finora si è detto come le tabelle devono essere utilizzati solo per dati tabellari, e questo è vero.Date un'occhiata al sorgente HTML di ogni pagina COSÌ e vedrai che hanno un idea diversa...

Penso che la loro logica è che a volte utilizzo di una tabella è solo in modo molto più semplice.Anche se, ci sono un sacco di buona usabilità motivi per evitarli.

Oltre che per dati tabulari, le tabelle sono purtroppo ancora necessario se si desidera creare flessibile layout di griglia come forme complesse cross-browser compatibile con l'ambiente.

CSS2 ha il supporto flessibile per la creazione di layout di griglia senza utilizzare il table elemento tramite l' proprietà di visualizzazione, ma questo è non è supportato in IE6 o IE7.

Tuttavia, per la maggior parte di base del layout di un modulo, CSS dovrebbe essere sufficiente.

Se solo il CSS equivalente era opportuno istituire un "tavolo-" layout, quindi mi piacerebbe usare i CSS.Trovo il tempo che ci vuole per imitare le cose che gli altri hanno elencato qui (pari alture di celle, auto-coltivazione righe, etc.) è semplicemente non vale la pena.Io non ottenere un ritorno sul mio investimento in contrapposizione rapidamente lanciando insieme una tabella nella maggior parte dei casi.

Tutti i browser può essere d'accordo su come esattamente una tabella dovrebbe essere steso.Bam.Fatto.

Ecco com'è il mio CSS follie di solito andare:Provare a impostare una tabella di layout come in CSS.Trascorrere 20 minuti o più di ottenere tutto in Mozilla e quindi aprirlo in IE.Passano altri 30 minuti tweaking tra questi due browser.Fingere come ci sono solo due i browser del mondo, perché ho veramente bisogno di ottenere un lavoro fatto.

Io credo nella promessa di CSS:La separazione delle preoccupazioni.Il problema è che per coloro che hanno bisogno per essere produttivi, il CSS non è pronto per il prime time.O forse è il motore di rendering del browser qualsiasi.

Il vantaggio di CSS che separa il design e il layout dal contenuto.

Se si dispone di dati tabulari, quindi ha senso usare un <TABLE> tag.Se si desidera layout diversi blocchi di contenuto, allora si dovrebbe utilizzare <DIV> o <SPAN> e CSS.

I tavoli sono per l'output di dati tabulari.Tutto ciò che si potrebbe visualizzare in un foglio di calcolo, colonne di risultati, che tipo di cosa.

Il suggerimento di usare i CSS piuttosto che di tabelle per il layout a colonne, che non erano realmente effettivo tabelle.Non è mai stato destinato a suggerire che le tabelle devono essere rimossi completamente.

Le tabelle non hanno equivalenti in CSS2, e non sono così facile da riprodurre utilizzando i css.La particolare parte di tabelle che è difficile da riprodurre è il ridimensionamento automatico delle colonne.Mentre è facile che il 1 riga crescere alla stessa dimensione, in tutta la pagina, è difficile per la riga successiva per abbinare la dimensione della colonna o ogni dimensione della cella in modo dinamico, e in effetti non può essere fatto senza l'utilizzo di altri linguaggi di scripting come javascript, php o altri.È possibile utilizzare max e min larghezza così come percentuali stabilite per la misura della cella, o disco rigido codice larghezza della cella, ma in modo dinamico la coltivazione di cellule funzionano bene per 1 riga, la riga successiva, sotto di esso, che non vi corrispondono.

La scansione più di queste risposte, non ho visto una reale ragione del mondo, in cui le tabelle sono necessarie per il layout e che le e-mail html.

Io lavoro per un molto, molto grande società finanziaria e di tenere traccia di circa 600 posti di lavoro in un mese....molti dei quali sono più campagne e-mail.

Non è possibile utilizzare i css per il layout per qualsiasi lettore di posta elettronica.Ci sono un paio di css inline specifiche è possibile utilizzare che riguardano il colore, il tipo di carattere e dimensione e anche la line-height è abbastanza ampiamente disponibili, ma per il layout, è necessario utilizzare le tabelle come tutti i maggiori e minori-mail di lettori (Outlook 97/03, Entourage, MSN, ecc) leggere bene.

I problemi con tabelle entrano in gioco quando si hanno dei td che non sono altezza e la larghezza specificata se contengono dati o meno.Così, è "rotto" tabella di layout sono di solito fissato, prestando attenzione agli attributi e sì...gli spazi nel codice html....sì gli spazi che non dovrebbero materia.

Quindi, se avete mai lavorato per una grande azienda/corporation o si terra un cliente molto grande, essere pronti a gettare tutta la tecnologia attuale la porta e ottenere il codice html della tabella di cappello!

Penso che tutto dipende dal tempo/sforzo.Mentre un purista potrebbe dire "solo utilizzare le tabelle per i dati tabulari," ho usato le tabelle per facilitare la cross-browser layout in passato.

Per me è questione di tempo di utilizzo.Posso passare il mio tempo a gomito, via il CSS per ottenere di destra o posso gettarlo in un tavolo e passare meno tempo su di esso.Io tendo a seguire questa strada fino a quando le cose sono in esecuzione.Una volta che la funzionalità c'è, vado avanti e polacco CSS/HTML.

Devo andare con le tabelle approccio qui.La ragione di questo viene semplicemente giù di costo.Fino a un ben supportato CSS approccio incentrato layout viene fuori, e sto parlando a livello "macro" ...non micro all'interno di contenitori, cercando di calzascarpe di posizionamento CSS in generale l'approccio al layout è inefficiente.È necessario un approccio dal punto di vista della persona che scrive il controllo per lo sviluppo.

Un paio di anni fa ho contratto per sviluppare e mantenere un sito web per una delle principali catene alberghiere.Siamo andati con un guidate dalla tabella di layout;la vostra base di intestazione, corpo, piè di pagina con a sinistra/destra colonne.Abbiamo anche utilizzato le tabelle per alcuni fra i migliori elementi, non pulsanti.La catena del capogruppo mantenuto il loro sito e sono andato con un CSS puro approccio al layout.Quando IE7 è venuto fuori il nostro sito ha funzionato perfettamente senza alcuna modifica.Il capogruppo del sito è stato un disastro.Nel complesso hanno speso circa 1000 ore totali (tra riunioni/sviluppo/controllo qualità/implementazione) la risoluzione dei problemi.

Quando si sono pagati per sviluppare un sito di parte della responsabilità è quello di mitigare il rischio in futuro e ridurre i costi di sviluppo, soprattutto se tali costi non aggiungono valore al sito (il prodotto).

La mia molto semplice e di base opinione su questo è che le tabelle sono lì per tabulare i dati - non per il posizionamento di una cosa sopra o accanto a un altro elemento, perché vi capita di essere lì.

Così - se si desidera visualizzare una tabella di dati:fare in modo (con una tavola).Se si desidera posizionare il contenuto della pagina:utilizzare i css.

Penso che si potrebbe essere un po ' confuso.CSS è un metodo di styling documenti HTML, se questo è un elemento di tabella o di un 'div'.

Ha usato essere che sono state utilizzate le tavole in formato HTML per la progettazione di tutto il layout di pagina.Era comune vedere più tabelle nidificate (di solito generato da WYSIWYG programmi come Dreamweaver), e ciò ha portato ad una manutenzione incubo.

Dopo l'introduzione e l'adozione di fogli di stile CSS è ora corretto solo di utilizzare una tabella di dati in formato tabellare.Questo significa che se i tuoi dati sono naturalmente più reso come una tabella di utilizzare l'elemento della tabella.È ancora possibile stile di tabella utilizzando i CSS.

Tuttavia, e io di solito non approvo questo metodo poiché duplica le funzionalità esistenti, è possibile utilizzare gli elementi per costruire una tabella come la struttura.In realtà ci sono diversi sito web che genera tale codice per voi, ma non ho il link a portata di mano.

Ricordate anche che alcuni utenti potrebbe essere la visualizzazione in modalità solo testo, o utilizzando un lettore di schermo, sia che si romperà probabilmente la pagina (come leggere le colonne in verticale, anziché in orizzontale), quindi, il corretto uso delle tabelle.

HTH

Credo, e spero, l'era di usare le tabelle per il layout è andato.Messo semplicemente: una tabella è una tabella, nient'altro.

Quello che penso sarà il nuovo, simile, flamewar argomento per i prossimi anni :devo utilizzare la nuova funzionalità CSS display: tabella, table-cell, tabella-riga ecc.per il layout???:-)

Credo che la ragione per questo è così tanto è che l'utilizzo di tabelle html è più facile da capire quando si crea la struttura e il layout di CSS.Con i CSS è più astratto, ma aiuta a separare il vostro codice.

In risposta alla "struttura" argument...by definizione, non utilizza tabelle html strutturare i dati in modo che si identificano come "tabellare".Se si tratta di html o CSS è possibile controllare il flusso e il layout dei dati.Sia tabulare o altro...

Se CSS tabelle sono così importanti (e sono sicuro che la mia risposta sarà iniziare una sorta di guerra fiamma) perché non esiste un meccanismo in Visual Studio per creare un layout con i CSS?Oh, non ha la funzione di layout thingy in VS?Sì, si ottiene tabelle, direttamente da Microsoft.Non mi sto lamentando, solo facendo notare che se significava tanto per il resto del mondo si dovrebbe vedere MS passare a CSS.

A mio parere fare quello che si adatta meglio con il vostro progetto.Per una o due pagine di progetti per il web ho ancora utilizzare html, perché la cosa è evidente.Con i CSS è più astratto e alcune mattine, semplicemente, non ho avuto molto caffè.Le tabelle del HTML può ottenere disordinato, veloce.CSS prende un po ' più di tempo per ottenere disordinato, ma sarà troppo.

Anche se per alcuni layout di utilizzo di tabelle può sembrare semplice a prima, quando la manutenzione momento tramite css paga.Soprattutto se si desidera modificare la posizione di qualcosa, o se si desidera utilizzare lo stesso layout in diversi luoghi.

IMHO, le tabelle devono essere utilizzati solo quando si presenta tabelle.Non per il layout.

Le tabelle vengono utilizzate per la visualizzazione di dati in formato tabellare.Non c'è molto altro da aggiungere :-D

Se c'è un motivo per l'utilizzo di una tabella in modo semantico (ad esempio per la visualizzazione di dati in formato tabellare) utilizzare le tabelle.

Basta usare non le tabelle di layout roba.Ci sono sacco di motore di ricerca e accessibilità benefici che puoi ottenere con il markup semantico.

Prenotazione di tavoli per uso solo per i dati tabulari funziona la maggior parte del tempo.Ci sono alcuni problemi di layout che sono molto più facili da raggiungere con tavoli di qualsiasi altra cosa.Per esempio, l'allineamento verticale e di uguale altezza delle colonne.Sull'altro lato della barricata, ci sono stati alcuni complessi tabelle di dati che ho usato galleggiava div, perché le tabelle non erano di montaggio, il disegno di legge.

Come per ogni cosa, utilizza lo strumento giusto per il lavoro giusto, e a volte il più pragmatico strumento non è quello che pensi tu vorresti essere.Detto questo, mi capita raramente di usare le tabelle per il layout, anche negli esempi che ho dato, perché inevitabilmente mi ha colpito qualche problema che mi fa avere a che fare con i CSS comunque.Il vostro chilometraggio può variare.

Non mi piace neanche l'idea di utilizzare le tabelle per organizzare gli elementi di una pagina.Questo però non deve diventare una religione - tabelle sono male.Ho incontrato un esempio in cui ho un layout a tre colonne e necessaria la colonna centrale a crescere con il contenuto.Alla fine la soluzione era la più semplice e ha lavorato bene su tutti i necessari browser era quello di utilizzare una tabella.IMHO CSS ha ancora alcune lacune e, a volte, è meglio utilizzare qualcosa di semplice che funziona, piuttosto che solo aderire ciecamente a qualche idea ('i tavoli sono male...').

si possono anche utilizzare per l'interfaccia grafica, se il formato è un po ' tabulare.Mi piace la funzione di tabelle e celle di adeguare dinamicamente a qualsiasi larghezza della finestra del browser.Non utilizzare mai fisso in larghezza o in altezza, che solo a incasinare le cose.

È facile.Pensa alla tua pagina web come un vero e proprio pagina su carta.Si dovrebbe usare tabelle sulla pagina web solo quando si disegna una tabella sulla carta.

Un altro suggerimento è quello di utilizzare solo per la tabella con bordo > 0.In questo modo, è possibile utilizzare le tabelle solo quando si media volete un tavolo (e non per il layout).

@toddhd, sostenendo l'utilizzo di tabelle per il layout semplicemente per risparmiare tempo è un poliziotto fuori.Se il tempo è il problema, allora, è possibile creare rapidamente un epitelio colonnare layout senza tabelle utilizzo di un framework come Blueprint CSS o 960 Griglia.

Sembra dipendere da quello che i browser sono in grado di quando si è iniziato a progettare.Se si è cominciato quando solo le tabelle lavorato, quindi, che è quello che probabilmente desidera utilizzare sempre, lo sai.O se è quello che ti è piaciuto usare anche dopo i browser avanzato per essere in grado di eseguire il rendering CSS...

Solo che non mi piace per continuare a fare le stesse cose, perché sono facili e so come fare.Che è noioso.Mi sarebbe molto meglio imparare nuove tecniche di chiudere qualcosa, perché non so come fare o non credo di avere il tempo di imparare.

Non mi piace usare le tabelle, io non li capisco, sembrano alieni e offensivo, ma è perchè ho cominciato nel 2005.Anche io non uso programmi di disegno a sputare fuori i modelli, perché preferisco di codifica manuale.

Ho intenzione di assumere che la tua domanda è in realtà - "Bisogna evitare di usare HTML le tabelle per il layout?".La risposta è:No.Infatti, le tabelle sono specificamente pensati per essere utilizzato per il layout di controllo.Lo svantaggio per l'utilizzo di tabelle per controllare il layout di una pagina intera è che il file di origine rapidamente diventa difficile manualmente comprendere e modificare.Un (possibile) il vantaggio dell'utilizzo di tabelle per controllare l'intero layout è se ci sono particolari preoccupazioni circa la compatibilità cross-browser e rendering.Preferisco lavorare direttamente con i file HTML di origine, e per me l'utilizzo dei CSS che rende più semplice rispetto all'utilizzo di tabelle per l'intero layout.

Tabelle senso solo quando si sta cercando di visualizzare i dati tabulari e basta.Per il layout, si dovrebbe sempre usare i Div e giocare con i CSS posizioni.

se è necessario utilizzare una tabella, il layout, probabilmente, fa schifo.Mi mostra un singolo ben progettato sito che utilizza le tabelle, e io ti mostrerò un migliaio di che non.

Un sacco di persone stanno gettando di tutto il termine "purista".Questa è spazzatura.Vuoi giornale di stampa copia in un libro?Vuoi progettare una brochure con Excel?No?Allora perché utilizzare una tabella per visualizzare i dati non tabellari?

La maggior parte delle volte le difficoltà che le persone faccia a lasciar andare le tabelle per il layout è frutto della loro ignoranza di HTML/CSS/Principi di Progettazione.Mentre si può trovare, è difficile fare multi-layout di colonna estendere in modo uniforme in direzione verticale, si potrebbe pensare di provare un metodo diverso.Div non sono le Tabelle.Si può fare finte colonne con larghi bordi, sfondi, etc.Trascorrere del tempo in realtà imparare a fare quello che ti viene di fare, o per sempre essere visto come qualcuno senza alcun tipo di abilità utile.(http://www.alistapart.com sarebbe un buon inizio)

Sono sinceramente sorpreso che questa domanda è il ritaglio nel 2008.Div venuto in giro quando ero al liceo.Smettere di essere un noob.

E come è stato menzionato sopra, le tabelle di fail hard su dispositivi mobili e lettori di schermo.

Autorizzato sotto: CC-BY-SA insieme a attribuzione

Non affiliato a StackOverflow