XHTML korrekte Syntax

Question

Ich entwickle eine Karte, die 4x3 ist. Also habe ich versucht, Markup mit XTHML Transitional zu tun. Ich habe Container mit Tischen gemischt. Das Beispiel für die erste Reihe:

<table> 
<tr> 
    <div class="slot_01"></div> 
    <div class="slot_02"></div> 
    <div class="slot_03"></div> 
    <div class="slot_04"></div> 
</tr> 
<tr> 
... 
</tr> 
</table> 

Ist das richtig gemacht? Oder ist es besser, nur div/span Blöcke stattdessen überall zu verwenden und Styling durch CSS zu machen?

Answer 1

Wenn Sie eine Tabelle verwenden, verwenden table, tr , td, nicht div.

Ich denke die meisten Leute heutzutage versuchen Tabellen für alles andere als "wirklich tabellarische Daten" zu vermeiden und bevorzugen die "reine CSS" -Lösung.

Es hängt ein bisschen von Ihrem allgemeinen Markup ab (z. B. was Sie in den Zellen anzeigen möchten). In Ihrem Fall würde ich wahrscheinlich eine tischlose Lösung wählen.

Answer 2

Nein, Sie müssen td ist da drin, wie folgt aus:

<table> 
<tr> 
<td></td> 
<td></td> 
</tr> 
</table> 

Wenn Sie wirklich brauchen, um Ihre divs innerhalb des TDs zu setzen.

Answer 3

Idealer div/span Blöcke wenn verwenden können, aber der obige Code ist in Ordnung, man muss nur jedes div in einem td-Element wickeln:

<table> 
<tr> 
    <td><div class="slot_01"></div></td> 
    <td><div class="slot_02"></div></td> 
    <td><div class="slot_03"></div></td> 
    <td><div class="slot_04"></div></td> 
</tr> 
<tr> 
... 
</tr> 
</table> 

Answer 4

Wenn Ihre Daten tabellarisch sind, ist die Verwendung von tables nicht falsch. Alle anderen sind korrekt - Sie müssen Tabellenzellen anstelle der divs in Ihrem Beispielcode verwenden.

Answer 5

Für die Gestaltung der gesamten Seite würde ich es ohne Tisch machen. Denken Sie daran: XHTML steht für Struktur, CSS für die Darstellung der Struktur.