таблицы xhtml - правильное использование - PullRequest
Новая
       19

таблицы xhtml - правильное использование

1 голос
/ 08 сентября 2010

У меня довольно простой вопрос.Является ли хорошей практикой писать таблицы с 2 разными заголовками и повторять подзаголовки, как в примере 1, или лучше / более семантически разбивать этот код на 2 таблицы (см. Пример 2)?

Пример 1: 

<table>
<tr>
  <th colspan="3">HEADER 1</th>
</tr>
<tr>
  <th>sub-header 1</th>
  <th>sub-header 2</th>
  <th>sub-header 3</th>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>
<tr>
  <th colspan="3">HEADER 2</th>
</tr>
<tr>
  <th>sub-header 1</th>
  <th>sub-header 2</th>
  <th>sub-header 3</th>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>

Пример 2: 

<table>
  <tr>
    <th colspan="3">HEADER 1</th>
  </tr>
  <tr>
    <th>sub-header 1</th>
    <th>sub-header 2</th>
    <th>sub-header 3</th>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
</table>
<table>
  <tr>
    <th colspan="3">HEADER 2</th>
  </tr>
  <tr>
    <th>sub-header 1</th>
    <th>sub-header 2</th>
    <th>sub-header 3</th>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
</table>

1 Ответ

1 голос
/ 09 сентября 2010

Лучше / более семантически использовать столько таблиц или столько таблиц, сколько вам нужно для передачи информации, которую вы хотите передать.Если бы вы не использовали HTML и, скажем, выкладывали данные на лист бумаги для чьего-либо понимания, вы бы использовали ноль, одну, две или более таблиц?Вот сколько таблиц вы должны использовать.

...