Какая польза от <thead>

Ответ 1

Элементы thead, tbody и tfoot в HTML используются для группировки строк таблицы в логические разделы на основе их содержимого. Есть две основные причины, которые вы хотели бы сделать:

• Чтобы разрешить прокрутку тела независимо от заголовка и/или сноска

• Чтобы было проще применять разные правила стиля для разных разделы таблицы.

Ответ 2

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

Стол и стопка стола должны быть содержат информацию о таблице колонны. Тело таблицы должно содержать строки данных таблицы.

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

Ответ 3

Я не вижу здесь упоминания, но еще одно преимущество в том, что в большинстве браузеров вы можете на самом деле закодировать <thead>, <tfoot> и <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() и поместил <thead> внизу, чтобы я мог использовать значение $count в моем заголовке.

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

Ответ 4

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

Ответ 5

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.

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

Ответ 6

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

Ответ 7

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

Ответ 8

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

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

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

Ответ 9

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

Ответ 10

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