Sollten Tabellen um jeden Preis in HTML vermieden werden?

https://stackoverflow.com/questions/82391

01-07-2019
|

Frage

Es ist ratsam, Tabellen in HTML-Seiten zu verwenden (jetzt, dass wir CSS haben)?

Was sind die Anwendungen von Tabellen? Welche Funktionen / Fähigkeiten haben Tabellen haben, die nicht in CSS?

Verwandte Fragen

Lösung

Nein - gar nicht. Aber verwenden Tabellen für tabellarische Daten. Nur nicht sie für die allgemeine Layouten verwenden.

Wenn Sie tabellarische Daten anzuzeigen, wie Ergebnisse oder vielleicht sogar eine Form, gehen Sie vor und verwenden Tabellen!

Andere Tipps

Ich glaube, ich bin nicht in der Mehrheit hier, aber ich habe noch eine Menge für die Verwendung von Tabellen in HTML sehen. Natürlich, ja, für Dinge wie Formen, können Sie nicht einfach einen Tisch schlagen. Der Versuch, die Etiketten in einer Reihe aufstellen und Begleitformularfelder sicherlich möglich DIV der Verwendung wäre, aber was für ein PITA, das wäre, und die Seite Ändern der Größe in einigen Fällen wäre hässlich. Eine Tabelle wirkt Wunder hier.

Aber bedenken Sie auch größere Probleme. Zum Beispiel haben Sie versucht, ein Standard-3-Spalten-Layout mit Kopf- und Fußzeilen mit nur divs und CSS zu erstellen? Auch hier ist es sehr gut möglich, und es gibt etwa 1000 Websites mit Beispielen, aber sie neigen dazu, alle an den gleichen Problemen zu leiden. Das erste Problem ist, dass die Spalten nie wirklich, wie alle die gleiche Höhe ohne irgendeine Art von JavaScript-Unterstützung werden. Das zweite Problem ändert das Layout ist oft eine heikle Sache, denn es ist ein bisschen eine balacing Tat ist alles „genau richtig“, um zu beginnen, so ist, dann wollen Sie nicht zu verwirren mit ihm. Schließlich, und dies geht zu diesem letzten Punkt zurück - es ist nicht einfach. Sie haben das Layout alle DIV ist, dann gehen Sie zurück und die Magie CSS erstellen, die diese divs in die richtige Position zu erzwingen, und dann ein paar Stunden verbringen sie zwicken, bis es richtig ist, .... pfui. Und dann im HTML suchen, ohne ein Betrachter gibt Ihnen wirklich keine Ahnung, was die Seite aussieht, weil sie alle durch die CSS am Ende neu interpretiert wird.

Nun Verwenden Sie Option B. eine Tabelle. Verbringen Sie etwa 30 Sekunden eingeben Sie die und -Tags, wahrscheinlich keine CSS überhaupt, kein Javascript ‚Fixit‘, und genau wissen, wie es nur, indem man die HTML aussehen wird.

Natürlich gibt es Argumente für und gegen Tabellen und Puristen scheinen DIV die für das Layout zu bevorzugen, aber nicht verwenden DIV die aus religiösen Gründen, nur weil jemand gesagt, Sie Tabellen sind böse. Verwenden Sie, was am besten für Sie, Ihre Seite, und die Art und Weise Ihrer Zuschauer mit der Seite interagieren werden. Wenn das eine Tabelle ist, verwenden Sie es dann. Wenn nicht, nicht.

Jeder so weit gebracht hat, wie Tabellen sollten nur für tabellarische Daten verwendet werden, und das ist wahr. Werfen Sie einen Blick auf die HTML-Quelle auf einer beliebigen Seite auf SO und Sie werden sehen, dass sie eine andere Idee haben ...

Ich denke, ihre Begründung ist, dass manchmal eine Tabelle mit nur so viel einfacher. Obwohl, es gibt eine Menge wirklich gute Usability Gründe, warum sie zu vermeiden.

Anders als für tabellarische Daten , Tabellen leider immer noch notwendig, wenn Sie flexibel Rasterlayouts wie komplexe Formen in einer Cross-Browser-kompatible Art und Weise erstellt werden sollen.

hat CSS2 Unterstützung für die Erstellung flexibler Rasterlayouts ohne den Umweg über die Anzeigeeigenschaft des table Element mit , aber das ist nicht in IE6 oder IE7 unterstützt.

Doch für die meisten Grundform Layouts, CSS sollte ausreichend sein.

Wenn nur die CSS-äquivalent ein „tabellenartige“ Layouts bei der Einrichtung als sinnvoll ist, dann würde ich gerne CSS verwenden. Ich die Zeit finde, dass sie die Dinge zu imitieren nehmen, die andere hier aufgeführt haben (gleiche Höhen auf Zellen, Auto wachsende Reihen, etc.) ist einfach nicht die Mühe wert. Ich habe keine Rendite auf meiner Investition erhalten, im Gegensatz zu schnell einen Tisch zusammen in den meisten Fällen zu werfen.

Alle Browser können genau darauf einigen, wie ein Tisch gelegt werden soll. Bam. Fertig.

Hier ist, wie meine CSS Torheiten in der Regel gehen: Versuchen Sie, ein tabellenartige Layout in CSS einrichten. Verbringen Sie 20 Minuten oder mehr immer alles gerade so in Mozilla und dann im Internet Explorer öffnen. Verbringen Sie weitere 30 Minuten zwischen den beiden Browsern zwicken. So tut, wie es nur zwei Browser in der Welt ist, weil ich tatsächlich etwas arbeiten muß, um bekommen.

Ich glaube an das Versprechen von CSS: Trennung von Bedenken. Das Problem ist, dass für diejenigen, die produktiv sein müssen, CSS nicht bereit für die Prime Time ist. Oder vielleicht ist es das Rendering-Engines des Browser -. Je nachdem, was

Der Vorteil von CSS ist, dass es Design und Layout von Inhalten trennt.

Wenn Sie tabellarische Daten haben, dann macht es Sinn, einen <TABLE> Tag zu verwenden. Wenn Sie unterschiedliche Inhaltsblöcke Layout wollen, dann sollten Sie <DIV> oder <SPAN> und CSS verwenden.

Die Tabellen sind für tabellarische Daten ausgegeben werden. Alles, was Sie in einer Tabelle angezeigt werden könnten, Spalten der Ergebnisse, dass Art der Sache.

Der Vorschlag, CSS zu verwenden, anstatt Tabellen ist für säulen Layouts, die tatsächlichen Tabellen nicht wirklich waren. Es war nie beabsichtigt vorzuschlagen, dass Tabellen vollständig entfernt werden sollen.

Tabellen haben keine Entsprechung in CSS2, und sie sind nicht so einfach, CSS zu duplizieren verwenden. Der besondere Teil der Tabellen, die schwer zu reproduzieren ist, ist die automatische Dimensionierung der Spalten. Während es einfach ist die 1 Reihe wächst auf die gleiche Größe auf der Seite zu lassen, ist es schwer für die nächste Zeile dynamisch die Spaltengröße oder jede Zellengröße zusammenpassen, und in der Tat kann nicht ohne die Verwendung von anderen Skriptsprachen wie getan wird JavaScript, pHP oder andere. Sie Maximal- und Minimalbreiten verwenden können, sowie Satz Prozentsätze für die Zellgrößen oder Fest Code Zellenbreite, aber dynamisch wachsenden Zellen arbeiten für 1 Zeile in Ordnung, es ist die nächste Zeile darunter, die nicht nach oben wird übereinstimmen.

Scannen über diese Antworten, habe ich nicht einen realen Grund sehen, wo Tabellen notwendig sind für das Layout und das ist HTML-E-Mails.

Ich arbeite für ein sehr, sehr großes Finanzunternehmen und wir verfolgen rund 600 verschiedene Jobs pro Monat .... von denen viele mehrere E-Mail-Kampagnen sind.

Sie können nicht CSS für das Layout für jeden E-Mail-Reader verwenden. Es gibt ein paar Inline-CSS-Spezifikationen Sie, dass Farbe, Schriftart und -größe beziehen können und sogar line-height recht ist weit verbreitet, aber für das Layout, haben Sie Tabellen als alle großen und die meisten kleineren E-Mail-Leser verwenden (Outlook 97 / 03, Entourage, MSN etc.) lesen sie einfach gut.

Die Probleme mit Tabellen ins Spiel kommen, wenn Sie die haben td die genannten Bedingungen nicht Höhe / Breite haben, ob sie Daten enthalten oder nicht. So sind Defekt Tabellenlayouts in der Regel durch die Aufmerksamkeit auf Attribute zahlen feste und ja ... Leerraum im html .... ja Leerzeichen, die angeblich keine Rolle.

Also, wenn Sie jemals für ein großes Unternehmen / Korporation arbeiten, oder Sie einen sehr großen Kunden landen, bereit sein, alle aktuellen Stand der Technik aus der Tür zu werfen und Ihre HTML-Tabelle Hut auf! Bekommen

Ich denke, es ist alles auf Zeit / Aufwand abhängt. Während ein Purist könnte sagen, „nur Tabellen für tabellarische Daten verwenden:“ Ich habe Tabellen verwendet Cross-Browser-Layout in der Vergangenheit zu erleichtern.

Für mich ist es Frage der Zeit Auslastung. Ich kann meine Zeit Ankurbeln weg auf dem CSS entweder ausgeben, um es richtig oder ich kann es in einer Tabelle werfen und viel weniger Zeit damit verbringen. Ich neige dazu, diesen Weg zu gehen, bis die Dinge sind und laufen. Sobald die Funktionalität ist, gehe ich zurück und die CSS / HTML polieren.

Ich muss gehen mit den Tabellen hier nähern. Der Grund hierfür kommt einfach nach unten zu Kosten. Bis ein gut unterstützt CSS-zentrierten Ansatz für das Layout herauskommt, und ich rede auf der Makroebene ... nicht Mikro in Containern, versuchen CSS-Positionierung in einem verallgemeinerten Ansatz Layout Schuhanzieher ist ineffizient. Sie müssen diese der Person aus der Perspektive nähern die Prüfung für die Entwicklung zu schreiben.

Vor ein paar Jahren unter Vertrag ich eine Website für eine große Hotelkette zu entwickeln und zu pflegen. Wir gingen mit einem Tisch angetrieben Layout; Ihre Basis-Header, Body, Footer mit links / rechts Spalten. Wir haben auch Tabellen für einige der feineren Elemente wie nicht-grafische Schaltflächen. Die Muttergesellschaft der Kette behielten ihre eigene Seite und ging mit einem reinen CSS Ansatz für das Layout. Wenn IE7 kam heraus gearbeitet, um unsere Website vollkommen ohne Änderungen. Die Website der Muttergesellschaft war ein Chaos. Insgesamt verbrachten sie etwa 1000 Gesamtstunden (zwischen den Sitzungen / Entwicklung / QA / Roll-out), um die Probleme beheben.

Wenn Sie bezahlt eine Website Teil Ihrer Verantwortung zu entwickeln, ist gegen zukünftige Risiken zu minimieren und zukünftige Entwicklungskosten zu minimieren, vor allem, wenn diese Kosten auf die Website (Ihr Produkt) keinen Mehrwert.

Meine sehr einfache und grundlegende Meinung dazu ist, dass Tabellen dort für tabellarische Daten sind -. Nicht für die Positionierung eines auf oder neben ein anderes Element, weil Sie es dort zu sein mögen passieren

Also - wenn Sie wollen eine Tabelle von Daten angezeigt werden: do so (mit einer Tabelle). Wenn Sie Inhalte auf der Seite positionieren wollen. CSS

Ich glaube, Sie könnten leicht verwechselt werden. CSS ist ein Verfahren zum Styling von HTML-Dokumenten, ob dies ein Tabellenelement oder ein ‚div‘.

Es früher so, dass Tabellen in HTML wurden verwendet, um das gesamte Seitenlayout zu entwerfen. Es war üblich, mehr verschachtelten Tabellen (in der Regel erzeugt durch WYSIWYG-Programme wie Dreamweaver), und diese führt zu einem Alptraum Wartung zu sehen.

Seit der Einführung und Verabschiedung von CSS-Stylesheets ist es jetzt korrekt nur eine Tabelle für tabellarische Daten zu verwenden. Das heißt, wenn Ihre Daten am natürlichsten übertragen als eine Tabelle mit dem Tabellenelement verwenden. Sie können immer noch die Tabelle mit CSS-Stil.

Allerdings, und ich in der Regel dieser Methode mißbilligen, da sie vorhandene Funktionalität dupliziert, ist es möglich, Elemente zu verwenden, um eine Tabelle wie Struktur zu bauen. In der Tat gibt es einige Website, die solchen Code für Sie generiert werden, aber ich habe keine Links Hand.

Denken Sie daran, auch, dass einige Benutzer sein könnten entweder die Anzeige im Text nur Modus oder einen Bildschirmleser der beide wahrscheinlich die Seite brechen (wie die Spalten vertikal Lese eher horizontal als) damit die korrekte Verwendung von Tabellen.

HTH

Ich glaube und hoffe, dass die Ära der Verwendung von Tabellen für das Layout ist weg. Einfach gesagt:. ein Tisch ist ein Tisch, nichts anderes

Was ich denke, wird das neue, ähnliche, Flamewar Thema für die nächsten paar Jahre ist: soll ich neue CSS-Funktion Anzeige : Tabelle , Tabellen- Zelle , table-row usw. für das Layout ?? ? : -)

Ich denke, der Grund, warum dies so kommt, ist, dass HTML-Tabellen leichter zu verstehen, wenn Struktur und Layout als CSS zu schaffen. CSS ist abstrakter, sondern hilft Ihrem Code zu trennen.
Als Reaktion auf das Argument „Struktur“ ... per Definition mit nicht HTML-Tabellen-Struktur, um Daten zu geben, so dass Sie es als „tabellarisch“ identifizieren. Ob es sich um CSS oder HTML Sie den Fluss und das Layout von Daten zu steuern. Sei es tabellarisch oder sonst ...
Wenn CSS Tabellen so wichtig sind (und ich bin sicher, dass meine Antwort wird eine Art Flamme Krieg beginnen), warum nicht ein Mechanismus in Visual Studio ist ein Layout mit CSS zu erstellen? Oh, Sie nicht überprüfen Sie das Layout-Funktion Dingen in VS? Ja, man bekommt Tabellen, direkt aus Microsoft. Ich beklage mich nicht, nur den Punkt zu machen, dass, wenn es so viel zu dem Rest der Welt bedeutet, würden Sie MS-Schalter auf CSS sehen.
Meiner Meinung nach tun, was am besten mit Ihrem Projekt paßt. Für eine oder zwei Seiten-Projekte verwende ich noch html weil das, was sie tut offensichtlich ist. CSS ist abstrakter und an einigen Tagen habe ich einfach nicht so viel Kaffee getrunken. HTML-Tabellen können chaotisch, schnell. CSS dauert ein wenig mehr Zeit, unordentlich zu bekommen, aber auch werden.

Obwohl für einige Layouts Tabellen auf den ersten einfacher scheinen, wenn die Wartungszeit css kommt mit auszahlt. Vor allem, wenn man sich nur wünscht die Position etwas zu ändern, oder wenn Sie wollen das gleiche Layout an mehreren Stellen verwenden.

IMHO, Tabellen dürfen nur verwendet werden sollen, wenn Tabellen präsentiert. Nie für Layoutzwecke.

Die Tische sind für die Anzeige von Tabellendaten verwendet. Es gibt nicht viel anderes :-D hinzufügen

Wenn es ein Grund für die Verwendung einer Tabelle in einer semantischen Art und Weise (zum Beispiel für tabellarische Daten angezeigt) verwenden Tabellen.

Verwenden Sie einfach keine Tabellen-Layout Sachen zu tun. Es gibt viele Suchmaschinen und Zugänglichkeit Vorteile, die Sie mit semantischem Markup erhalten.

Die Reservierung Tabellen für die Verwendung nur für tabellarische Daten arbeitet die meiste Zeit. Es gibt bestimmte Layout-Probleme, die viel einfacher sind mit Tischen als alles andere zu erreichen. Zum Beispiel kann die vertikale Ausrichtung und die gleiche Höhe Spalten. Auf der anderen Seite des Zauns, gibt es einige komplexen Datentabellen, die ich gefloatete divs für verwendet habe, weil Tabellen wurden die Rechnung nicht passen.

Wie alles andere, verwenden Sie das richtige Werkzeug für den richtigen Job, und manchmal auch die pragmatischsten Werkzeug ist nicht, was Sie denken, es wäre. Das heißt, ich selten verwenden Tabellen für das Layout, auch in den Beispielen, die ich gab, weil unweigerlich ich ein Problem getroffen, die mich macht es sowieso mit CSS zu tun haben. Ihre Ergebnisse können variieren.

Ich mag es auch nicht auf die Idee Tabellen der Verwendung von Elementen auf einer Seite anzuordnen. Dies sollte jedoch nicht eine Religion geworden - Tabellen sind schlecht. Ich habe ein Beispiel anzutreffen, wo ich ein dreispaltigen Layout und benötigen Spalte des Zentrums mit dem Inhalt zu wachsen. Am Ende, dass die Lösung die einfachste und hat gut funktioniert auf allen benötigten Browsern war, einen Tisch zu verwenden. IMHO CSS hat noch einige Mängel und manchmal ist es besser, etwas einfach zu bedienen, die nicht funktioniert als nur blind sich an eine Vorstellung ( ‚Tabellen sind schlecht ...‘).

Sie können sie auch verwenden für Layouten, wenn Ihr Layout etwas tabellarische ist. Ich mag die Funktion von Tabellen und Zellen dynamisch eingestellt, was auch immer Breite des Browser-Fenster ist. Verwenden Sie keine feste Breite oder Höhe, das ist nur die Dinge vermasselt.

Es ist einfach. Denken Sie Ihre Webseite als eine reale Seite auf dem Papier. Sie sollten nur Tabellen auf der Webseite verwenden, wenn Sie eine Tabelle auf dem Papier zeichnen würden.

Ein weiterer Tipp ist Tabelle verwenden nur mit Rand> 0. Auf diese Weise verwenden Sie Tabellen nur, wenn Sie auf bedeuten Sie wollen eine Tabelle (und nicht für das Layout).

@toddhd, die Verwendung von Tabellen für das Layout befürwortet einfach Zeit zu sparen ist ein Cop aus. Wenn es die Zeit das Problem ist, dann können Sie schnell eine säulen Layout ohne Tabellen erstellen einen Rahmen wie Blueprint CSS oder 960 Grid .

scheint davon abzuhängen, welchen Browser war in der Lage, wenn Sie entwerfen beginnen. Wenn Sie begann wieder, wenn nur Tabellen gearbeitet, dann ist es das, was Sie wahrscheinlich immer verwenden möchten, weil Sie es wissen. Oder wenn es das ist, was Sie nutzen möchten auch nach Browser vorgedrungen können CSS machen ...

Ich mag einfach nicht immer und immer wieder die gleichen Dinge tun zu halten, weil sie leicht sind und ich weiß, wie them.That ist langweilig zu tun. Ich würde viel lieber neue Techniken erlernen, als etwas zu entlassen, weil ich nicht weiß, wie es zu benutzen oder ich glaube, ich habe keine Zeit zu lernen.

Ich mag Tabellen nicht verwenden, ich verstehe sie nicht, scheinen sie fremd und Offensive, aber das ist, weil ich im Jahr 2005 begann ich verwenden Sie Design-Programme auch nicht Vorlagen auszuspucken, weil ich Hand-Codierung bevorzugen .

Ich gehe davon aus, dass Ihre Frage eigentlich ist - „Soll ich mit HTML-Tabellen zu Layoutzwecken vermeiden?“ . Die Antwort lautet: Nein. In der Tat, Tabellen sind speziell dafür gedacht werden Layout zu steuern. Der Nachteil für die Tabellen mit dem Layout einer ganzen Seite zu steuern ist, dass die Quelldatei zu verstehen und zu bearbeiten, um manuell schnell schwierig wird. A (möglich) Vorteil Tabellen der Verwendung das gesamte Layout zu steuern, wenn es spezifische Bedenken über Cross-Browser-Kompatibilität und Rendering. Ich ziehe es direkt mit der HTML-Quelldatei zu arbeiten, und für mich mit CSS macht die einfacher als Tabellen für das gesamte Layout.

Tabellen machen nur Sinn, wenn Sie tabellarische Daten anzuzeigen sind versuchen, und das ist es. Für Layouts, sollten Sie immer DIVs verwenden und mit CSS Positionierungen spielen.

Wenn Sie eine Tabelle verwenden müssen, Ihr Layout saugt wahrscheinlich. Zeigen Sie mir eine einzige gut gestaltete Website, die Tabellen verwendet, und ich werde Ihnen zeigen, tausend, die dies nicht tun.

Eine Menge Leute um den Begriff „Puristen“ werfen. Das ist Unsinn. Würden Sie drucken Zeitung Kopie in einem Buch? Möchten Sie eine Broschüre mit Excel entwerfen? Nein? Warum dann würden Sie eine Tabelle verwenden nicht-Tabellendaten angezeigt werden?

Die meiste Zeit die Schwierigkeiten, die Menschen in das Loslassen von Tabellen für das Layout stehen, ist ein Ergebnis ihrer eigenen Ignoranz von HTML / CSS / Good Design Principles. Während Sie es schwierig finden, können mehrspaltige Layouts erstrecken sich gleichmäßig in der vertikalen Richtung zu machen, könnte man denken, eine andere Methode zu versuchen. DIVs sind nicht TABELLEN. Sie können faux Spalten mit weiten Grenzen, Seitenhintergründe usw. Verbringen Sie einige Zeit das Lernen tatsächlich zu tun, was Sie darlegt zu tun, oder für immer zu sehen, wie jemand ohne jede Art von nützlichen Fähigkeiten machen. ( http://www.alistapart.com wäre ein guter Anfang sein)

Ich bin ehrlich überrascht, dass diese Frage im Jahr 2008 DIVs up ist Zuschneiden kam um, als ich in der High School war. Stoppen Sie ein noob zu sein.

Und wie oben erwähnt, Tabellen nicht hart auf mobilen Geräten und Bildschirmleseprogrammen.

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow