Ist es in Ordnung, divs in einer Tabellenzelle zu verschachteln?

Question

Ich kann mich nicht an die Empfehlung erinnern - sollte es vermieden werden? Ist es eine Standardbeschwerde?

Ich habe eine Tabelle - mit tatsächlichen tabellarischen Daten drin - aber eine der Zellen enthält ein bisschen mehr Informationen.

Der vorherige Entwickler hat eine untergeordnete Tabelle in die Zelle eingebettet. Ich überlege, es durch ein Paar schwebender Divs zu ersetzen?

Ist das okay?

Answer 1

Ich kann mich nicht an die Empfehlung erinnern - sollte es vermieden werden?

Es riecht nach divitus, hängt aber von den Besonderheiten ab.

Ist es eine Standardbeschwerde?

Tabellenzellen können Divs enthalten und Divs können Divs enthalten.

Ich habe eine Tabelle - mit tatsächlichen tabellarischen Daten drin - aber eine der Zellen enthält ein bisschen mehr Informationen.

Eine bessere Struktur würde vielleicht eine Aufteilung in mehr Spalten beinhalten.

Answer 2

Nicht die beste Wahl, wenn die Kindzelle in ein normales Div-Blockelement konvertiert werden kann. TABELLE IN DER TABELLE wird nicht empfohlen (, bis Sie haben nicht mehr Auswahl)

Untertabelle kann in gestylt Liste umgewandelt werden 1 × N oder N × 1-Typ tabluar Struktur

Answer 3

Es klingt wie die vorherigen Entwickler zu erreichen war Verwenden von HTML-Tabellen für das Layout, das ist generally a bad idea. Es klingt, als ob du versuchst, die innere Zelle über eine syntaktisch korrekte, aber semantisch besser-aber-flüchtige Veränderung zu fixieren. Wenn die äußere Tabelle auch für das Layout verwendet wird (im Gegensatz zu used for tabular data), sollten Sie das ebenfalls beheben.

In Bezug auf den "ist es legal" Teil Ihrer Frage, in der Zukunft finden Sie es möglicherweise einfacher, es zu versuchen und dann validate your page anstatt auf die Stack-Überlauf-Community zu warten, um Code-Konzepte zu überprüfen.

Answer 4

Ja, das ist in Ordnung.

Tabellen innerhalb von Tabellen verschachtelt nicht empfohlen (ich glaube nicht, dass entweder Standard kompatibel ist)

Das empfohlene Layout ist wie Sie vorgeschlagen - 2 Floating DIVs