Проверка синтаксиса таблицы HTML

Question

Это должно быть легко.

У меня есть такая таблица:

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

Мой валидатор firefox 3 говорит, что это приемлемый код. Мне кажется, что это неправильно, есть ли какие-то проблемы, из-за которых строки таблицы могут быть неравномерными? Это работает в IE7 тоже.

Answer 1

Строки таблицы не обязательно должны иметь одинаковое количество ячеек. Количество столбцов в таблице определяется по строке с большинством ячеек.

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

Answer 2

Вы должны использовать атрибуты 'rowspan' или 'colspan'

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="3"></td>
  </tr>
</table>

Answer 3

Если вы хотите использовать неравное количество строк / столбцов, вам необходимо следует использовать атрибуты rowspan и / или colspan , чтобы указать это. например:

<table>
<tr><td></td><td></td><td></td></tr>
<tr><td colspan="3"></td></tr>
</table>

Как Guffa исправил меня ниже, colspan технически не нужен, но никогда не помешает быть откровенным о ваших намерениях.

Answer 4

Этот код хорош со структурной точки зрения. Это действительно XHTML. Сравните это:

<orders>
   <order id='2009/1'>
     <item id='1'/><item id='2'><item id='3'/>
   </order>
   <order id='2009/2'>
     <item id='33'/>
   </order>
</orders>

Хотя это может выглядеть странно, поэтому предлагается использовать colspan. Таким образом, вы можете заставить один TD заполнять строку, вместо того, чтобы быть шириной TD над ней.

Answer 5

Ну, там нет синтаксических ошибок, и я действительно не понимаю, почему вы должны скептически относиться к такой таблице, если вы используете атрибут colspan элемента td:

<table>
<tr>
<td></td><td></td><td></td><td></td>
</tr>
<tr>
<td colspan="3"></td>
</tr>
</table>

Надеюсь, это помогло.