Что такое преимущество <thead>

Использование thead , tfoot и tbody позволяет применять специальное форматирование к соответствующим частям таблицы. Например, вы можете включить верхний и нижний колонтитулы на все напечатанные страницы вашей таблицы или можете прокрутить tbody , пока thead & tfoot останется статичным.

THEAD предназначен для обертывания всех строк заголовков. Его аналогами являются TBODY и TFOOT . Они полезны, если вы хотите различать эти строки с помощью CSS или JavaScript.

thead используется не очень часто. Он определяет раздел таблицы , который является «заголовком» и является своего рода подсказкой браузеру, что пользователь может захотеть увидеть этот фрагмент, даже если он прокручивает остальную часть таблицы вверх и вниз. . http://www.w3schools.com/tags/tag_thead.asp

Я еще не вижу здесь упоминания об этом, но еще одно преимущество заключается в том, что в большинстве браузеров вы можете кодировать , и < tbody> вышли из строя, и они появятся в нужном месте на столе. Хотя это непонятно, я уже использовал это в своих интересах. Например:

<?php $count = 0; ?>
<table>
  <tbody>
    <?php foreach($foo as $f):?>
      <tr>...</tr>
      <?php $count++; ?>
    <?php endforeach; ?>
  </tbody>
  <thead>
    <th>Entries (<?=$count?> total)</th>
    ...
  </thead>
</table>

Мне нужно, чтобы в заголовке было указано общее количество строк, поэтому я увеличил счетчик в моем foreach () и поместил внизу, чтобы я мог использовать значение $ count в моем заголовке.

Конечно, не главное, но, тем не менее, преимущество.

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

Строки таблицы могут быть сгруппированы в заголовок таблицы , основание стола и один или несколько разделов тела таблицы, используя элементы THEAD, TFOOT и TBODY, соответственно. Это разделение позволяет пользовательским агентам поддерживать прокрутку тела таблицы независимо от головы и основания таблицы. При печати длинных таблиц информация о заголовке и основании таблицы может повторяться на каждой странице , содержащей данные таблицы.

Заголовок и основание таблицы должны содержать информацию о столбцах таблицы. Тело таблицы должно содержать строк табличных данных.

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.3

thead и td ] никоим образом не сопоставимы. thead просто представляет заголовок таблицы, а td - ячейку таблицы.

<table>
    <thead>
        <tr><th>head1</th><th>head2</th></tr>
    </thead>
    <tbody>
        <tr><td>row1col1</td><td>row1col2</td></tr>
        <tr><td>row2col1</td><td>row2col2</td></tr>
    </tbody>
</table>

См. Также руководство w3schools .

Семантическое преимущество состоит в том, что вы отделяете заголовок таблицы от тела таблицы (и, если есть, то и нижний колонтитул таблицы, который может быть представлен как ). Техническое преимущество заключается в том, что вы можете стилизовать их отдельно и, например, легко создать таблицу с прокручиваемым телом с фиксированным верхним / нижним колонтитулом, просто задав для фиксированную высоту и переполнение. К сожалению MSIE - единственный браузер, который его не поддерживает.

Из спецификации w3c:

Строки таблицы могут быть сгруппированы в заголовок таблицы, основание стола и один или несколько разделов тела таблицы с помощью THEAD , Элементы TFOOT и TBODY соответственно. Это разделение позволяет программным агентам поддерживать прокрутку тела таблицы независимо от головки и ножки стола. Когда печатаются длинные таблицы, информация о заголовке и ножке таблицы может повторяться на каждой странице, содержащей данные таблицы.

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