Значение XHTML thead, tfoot и tbody

Ответ 1

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

• Чтобы позволить телу прокручиваться независимо от заголовка и/или сноска
• Чтобы упростить применение различных правил стиля к различные разделы таблицы.

как указано здесь Что является преимуществом <thead>

Если вы используете таблицы для создания макета, не используйте их. Если вы показываете табличные данные, используйте его.

И если вам нечего добавить в tfoot, не добавляйте это.

Здесь вы найдете несколько хороших ответов Что выгодно <thead>

Ответ 2

Они позволяют добавлять семантику в таблицу, а также позволяют стилизовать голову и стопку таблицы без введения избыточных классов/идентификаторов.

Я не могу придумать ситуацию, когда вам нужно ее использовать, хотя я знаю, что некоторые плагины jQuery используют голову и ногу для управления поведением.

Если ваши табличные данные нуждаются в заголовках и сводных строках, используйте их, если не

Ответ 3

Единственными правилами, о которых я знаю, является то, что сначала нужно определить thead (если используется), а tfoot (если используется) до tbody (несколько контр-интуитивный, на мой взгляд, но они правила).

Я думаю, что цель thead частично предназначена для печати, позволяя столбцам, напечатанным на второй странице, повторять thead, чтобы данные имели больше смысла.

Теоретически это также позволяет прокручивать tbody в случае длинных таблиц с фиксированными заголовками:

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

Источник: http://www.w3.org/TR/html401/struct/tables.html#edef-TFOOT

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

Самое большое преимущество, однако, как отмечает @Glenn Slaven, кажется семантическим.