Einfache (ich hoffe) HTML-Frage.

Angenommen, ich habe eine Spaltengruppe, die 3 Spalten umfasst. Es erstreckt sich aber auch über 9 Reihen. Aber in Wirklichkeit möchte ich, dass es 3 Ebenen von Spalten gibt (also im Grunde 3 Spalten, die auf 9 Zeilen aufgeteilt sind). Die einzigen Ziele sind wirklich:

a) Vermeiden Sie das Einbetten von Tabellen (aus verschiedenen Gründen). b) Halten Sie die Abschnitte modular. c) Gestalten der semantisch modularen Bereiche.

Am Ende hätte ich also etwas visuelles wie:

<code>   | col 1  | col 2 | col 3 |
   | row 1  | row 1 | row 1 |
   | row 2  | row 2 | row 2 |
   | row 3  | row 3 | row 3 |

   | col 4  | col 5 | col 6 |
   | row 4  | row 4 | row 4 |
   | row 5  | row 5 | row 5 |
   | row 6  | row 6 | row 6 |

   | col 7  | col 2 | col 3 |
   | row 7  | row 7 | row 7 |
   | row 8  | row 8 | row 8 |
   | row 9  | row 9 | row 9 |
</code>

Ich konnte die Spaltengruppen zum Arbeiten bringen, um die 3 Spalten zusammenzuhalten, aber der Versuch, "rowspan" hinzuzufügen, schlug fehl. Der Versuch, die Zeilengruppen in tr-Tags zu verpacken, war überhaupt nicht gut. und soweit ich weiß, gibt es kein echtes "rowgroup" -Tag.

Aktualisieren:

Nachdem ich Feedback bekommen hatte, wurde mir klar, dass ich mehr Details dazu geben sollte, was ich vorhabe.

Ich werde den Begriff Quad, Superspalte, Superzeile verwenden, um auf Datengruppen zu verweisen. Nehmen Sie also dieses Beispiel:

<code>               Quad 1       Quad 2
super-row1 | a | b | c || d | e | f |
super-row2 | 1 | 2 | 3 || 4 | 5 | 6 |
super-row3 | A | B | C || D | E | F |

               Quad 3       Quad 4
super-row4 | g | h | i || j | k | l |
super-row5 | 7 | 8 | 9 || 0 | 1 | 2 |
super-row6 | G | H | I || J | K | L |
</code>

Stellen Sie sich der Einfachheit halber einfach vor, ich hätte oben die Superspalte 1 - 6 geschrieben.

Die Daten in Quad 1 sind also alle miteinander verbunden, und die Daten in Super Row 1 sind alle miteinander verbunden, und die Daten in Super Col 1 sind alle miteinander verbunden. Also, mit den obigen Daten,

'a' hat eine direkte Beziehung zu 'f', 'C' und 'G', aber 'f', 'C' und 'G' haben keine direkte Beziehung zueinander.

Eine andere Art, darüber nachzudenken, ist Sudoku, bei dem jedes Quad, jede Spalte und jede Zeile den Satz von 1 bis 9 enthält, sodass jeder der 81 Datenpunkte direkt mit anderen Datenpunkten in Beziehung steht, mit denen es eine Zeile, eine Spalte oder ein Quad teilt. aber nicht zu irgendwelchen Datenpunkten.

Schnelles Update:

Eine letzte Sache, sorry. Es ist wichtig, dass diese Beziehungen im HTML-Code semantisch gruppiert sind, damit jemand, der einen Bildschirmleser oder einen nicht herkömmlichen Browser verwendet, zu jedem Zeitpunkt wissen kann, wo er in der Tabelle steht, z. B. "Sie sind in Quad 1, Super Spalte 1, Spalte 4, Super-Zeile 1, Zeile 1. Die Daten sind "Ohio". "

Dies erleichtert das Styling, die browserübergreifende Kompatibilität, die Zugänglichkeit sowie das Bewegen von Inhalten wie AccessKeys, Scope usw.