HTML-таблицы: элементы thead против Че

Question

HTML-таблицы: элементы thead против Че

похоже (согласно примерам на на этой странице, в любом случае), что если вы используете THEAD, вам не нужно использовать TH.

Это правда? Если да, то каковы преимущества/недостатки THEAD против TH?

590 7

html html-table

7 ответов:

Comments

Ничего не найдено.

Javascript is GOD · Accepted Answer · 2011-03-22 19:22:57

The <thead> тег используется для группировки содержимого заголовка в таблице HTML. Элемент thead элемент должен использоваться в сочетании с tbody и tfoot элементы.

Подробнее : элементы thead

вы используете <thead> инкапсулировать всю строку (или строки), чтобы назначить их в качестве заголовка таблицы. Согласно спецификации,

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

<th>, С другой стороны, используется для оформления конкретной ячейки как ячейки заголовка а не обычная ячейка данных.

rafr3 · Accepted Answer · 2016-01-04 13:03:02

если вы хотите использовать <thead> и <th> Не забудьте вложить <th> внутри <tr>. В противном случае код может быть недействительным.
Пример:
<table>
  <thead>
    <tr>
      <th>Season</th>
      <th>Goals</th>
      <th>Assists</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>2009-2010</th>
      <td>25</td>
      <td>43</td>
    </tr>
    <tr>
      <th>2011-2012</th>
      <td>40</td>
      <td>20</td>
    </tr>
  </tbody>
</table>

Nick Manning · Accepted Answer · 2015-05-15 00:51:17

th более конкретную, чем то, что может находиться внутри thead. А th ячейка должна указывать заголовок соответствующего td клетки. На самом деле вы можете добавить до td ячейка, которая указывает на идентификатор a th ячейки (для чтения с экрана). Так что th имеет непосредственное отношение к tds этой колонки.
, thead может содержать любую информацию...обычно да он включает в себя th ячейки, но он также может включать в себя все, что вы можете считать, что это подходит в качестве информации в верхней части таблицы (кроме заголовка, потому что у этого есть свой собственный тег).

smartrahat · Accepted Answer · 2016-01-04 14:42:43

<thead>

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

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

когда присутствует, каждый THEAD, TFOOT и TBODY содержит группу строк. Каждая группа строк должна содержать хотя бы одну строку, определенную элементом TR.

<th>

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

элемент TH определяет ячейку, содержащую информацию заголовка. Агенты пользователей имеют две доступные части информации заголовка: содержимое элемента TH и значение атрибута abbr. Агенты пользователей должны отображать либо содержимое ячейки, либо значение атрибута abbr. Для визуальных носителей последний может быть подходящим, когда недостаточно места для отображения полного содержимого ячейки. Для невизуальных носителей abbr может использоваться как аббревиатура для заголовков таблиц, когда они отображаются вместе с содержимым ячеек, к которым они применяются.

Источник:http://www.w3.org/TR/html4/struct/tables.html

Diodeus - James MacFarlane · Accepted Answer · 2011-03-22 19:25:22

<thead> состоит в том, что он может быть использован, чтобы повторить строку заголовка в верхней части страницы в печатных версий.

amphetamachine · Accepted Answer · 2011-03-22 19:23:55

насколько я могу судить по опыту, нет никакой разницы в рендеринге, если вы не используете CSS для указания разницы в рендеринге. А <tr> внутри <thead> будет отображаться как <th> внутри <table> или <tbody>.

DanMan · Accepted Answer · 2013-04-01 07:18:01

здесь нет жестких правил. Элемент <thead> элемент-это просто еще один способ сгруппировать столбцы и строки, как <tbody> и <tfoot> есть. Таким образом, у вас есть больше возможностей для написания сценариев и форматирования.