tbody

Element tbody reprezentuje jedną z części BODY tabeli HTML.

W części BODY tabeli HTML znajdują się zazwyczaj wiersze posiadające komórki zawierające w swojej zawartości główną treść danej tabeli HTML.

• Progres XI - Część TBODY tabeli HTML

kategoria ogólna

brak

kontekst zewnętrzny

jako element dziecko elementu table (po ewentualnym elemencie caption oraz ewentualnych elementach colgroup oraz ewentualnym elemencie thead oraz po lub przed ewentualnymi elementami tbody oraz przed ewentualnym elementem tfoot, lecz tylko wtedy gdy dany element table nie zawiera w swoim kontekście wewnętrznym elementu dziecka typu tr)

Przykładowy Kod HTML

<table>
  <caption>Ilość przedmiotów w magazynie</caption>

  <colgroup span="2" class="styl-1"></colgroup>

  <thead>
    <tr>
      <th>przedmiot</th>
      <th>ilość</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <th>szafa</th>
      <td>10</td>
    </tr>

    <tr>
      <th>stół</th>
      <td>5</td>
    </tr>
  </tbody>

  <tfoot>
    <tr>
      <th>suma</th>
      <td>15</td>
    </tr>
  </tfoot>
</table>

Kontekstem zewnętrznym przykładowego elementu "tbody" jest element "table", dla którego wspomniany element "tbody" jest elementem dzieckiem. Ponadto wspomniany element "tbody" występuje po elemencie "thead" oraz przed elementem "tfoot", natomiast w kontekście wewnętrznym wspomnianego elementu "table" nie znajduje się żaden element "tr", dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "table", jest prawidłowym kontekstem zewnętrznym dla elementu "tbody".

kontekst wewnętrzny

zero lub więcej elementów tr, jak również ewentualnie zawartość skryptowa

Przykładowy Kod HTML

<table>
  <caption>Ilość przedmiotów w magazynie</caption>

  <thead>
    <tr>
      <th>przedmiot</th>
      <th>ilość</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <th>szafa</th>
      <td>10</td>
    </tr>

    <tr>
      <th>stół</th>
      <td>5</td>
    </tr>
  </tbody>

  <tfoot>
    <tr>
      <th>suma</th>
      <td>15</td>
    </tr>
  </tfoot>
</table>

Kontekstem wewnętrznym przykładowego elementu "tbody" są wyłącznie elementy "tr", dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "tr" oraz element "tr", jest prawidłowym kontekstem wewnętrznym dla elementu "tbody".

Przykładowy Kod HTML

<table>
  <caption>Ilość przedmiotów w magazynie</caption>

  <thead>
    <tr>
      <th>przedmiot</th>
      <th>ilość</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <th>szafa</th>
      <td>10</td>
    </tr>

    <tr>
      <th>stół</th>
      <td>5</td>
    </tr>

    <template id="szablon-1">
      <ins>
        <iframe src="dynamiczna-statystyka-01.html"></iframe>
      </ins>
    </template>
    <script src="skrypt-01.js"></script>
  </tbody>

  <tfoot>
    <tr>
      <th>suma</th>
      <td>15</td>
    </tr>
  </tfoot>
</table>

Kontekstem wewnętrznym przykładowego elementu "tbody" są wyłącznie elementy "tr" oraz elementy HTML, które należą do kategorii zawartość skryptowa, dlatego w tej sytuacji wspomniany kontekst wewnętrzny, czyli element "tr", element "tr", element "template" oraz element "script", jest prawidłowym kontekstem wewnętrznym dla elementu "tbody".

wymagane elementy dzieci

brak

wymagane atrybuty

brak

zdolność fallback

nie dotyczy

składnia HTML

<tbody> ... </tbody>

pominięcie tagu na początku

tag może zostać pominięty, lecz tylko wtedy gdy pierwszą rzeczą, która znajduje się w kontekście wewnętrznym danego elementu tbody jest element tr oraz gdy przed danym elementem tbody nie występuje żaden element thead lub element tbody, którego tag na końcu został pominięty, ponadto tag nie może zostać pominięty jeżeli dany element tbody z naszego założenia ma nie zawierać w swoim kontekście wewnętrznym niczego

pominięcie tagu na końcu

tag może zostać pominięty, lecz tylko wtedy gdy bezpośrednio po danym elemencie tbody występuje element tbody lub element tfoot lub gdy bezpośrednio po danym elemencie tbody nie występuje żadna inna zawartość, która z naszego założenia miałaby należeć do kontekstu wewnętrznego elementu rodzica danego elementu tbody

CSS display

table-row-group

tbody {
  display:table-row-group;
  vertical-align:middle;
  border-color:inherit;
}

tak

tak

tak

tak

tak

tak