Правильный синтаксис XHTML

Question

Я разрабатываю карточку, которая составляет 4x3. Поэтому я попытался сделать разметку с помощью XTHML Transitional. Я использовал контейнеры, смешанные со столами. Пример для первой строки:

<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> 

ли это правильно сделать? Или лучше использовать только блоки div/span вместо этого повсюду и сделать стилизацию через css?

Answer 1

Если вы используете таблицу, используйте table, tr , td, а не div.

Я думаю, что большинство людей в настоящее время пытаются избежать таблиц для чего угодно, кроме «действительно табличных данных» и предпочитают «чистое CSS» решение.

Это зависит от вашей общей разметки (например, того, что вы хотите отображать в ячейках). В вашем случае, я думаю, я бы пошел на решение без таблиц.

Answer 2

Нет, Вам нужно ТД там, как это:

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

Если вам действительно нужно, положить дивы внутри TD.

Answer 3

В идеале использовать DIV/пролетных блоков, если вы можете, но приведенный выше код в порядке, вам просто нужно обернуть каждый DIV в тд элемента:

<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

Если ваши данные носят табличный характер, нет ничего плохого в использовании tables. Все остальные правильны - вам нужно использовать ячейки таблицы вместо div в вашем примере кода.

Answer 5

Для того, чтобы выложить страницу entIre, я сделал бы это без таблиц. Помните: XHTML предназначен для структуры, CSS для отображения структуры.