Najnowsze tutoriale tworzenie stron internetowych
 

HTML <tfoot> Tag


Przykład

Tabeli HTML z <thead>, <tfoot> oraz <tbody> element:

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>
Spróbuj sam "

Definicja i Wykorzystanie

<tfoot> tag służy do treści stopki grupy w tabeli HTML.

<tfoot> element jest stosowany w połączeniu z <thead> i <tbody> elementy do określania każdej części stołu (stopki nagłówek ciała).

Przeglądarki mogą korzystać z tych elementów, aby umożliwić przewijanie ciała tabeli niezależnie od nagłówka i stopki. Również przy drukowaniu duży stół, który obejmuje wiele stron, elementy te mogą włączyć nagłówek i stopka tabeli mają być wydrukowane na górze i na dole każdej strony.

<tfoot> tag muszą być stosowane w następującym kontekście: Jako dziecko z <table> elementu, po wszelkich <caption>, <colgroup> i <thead> elementów oraz przed wszelkimi <tbody> i <tr> elementów.


Pomoc Browser

Element
<tfoot> tak tak tak tak tak

Porady i wskazówki

Uwaga: <tfoot> element musi mieć jeden lub więcej <tr> znaczniki środka.

Porada: <thead>, <tbody> i <tfoot> elementy nie wpłynie na układ tabeli domyślnie.Można jednak użyć CSS do stylu tych elementów.


Różnice między HTML 4.01 i HTML5

Żaden z atrybutów HTML 4.01 są obsługiwane w HTML5.


Atrybuty

Atrybut Wartość Opis
align right
left
center
justify
char
Nie jest obsługiwany w HTML5.
Wyrównuje zawartość wewnątrz <tfoot> elementu
char character Nie jest obsługiwany w HTML5.
Wyrównuje zawartość wewnątrz <tfoot> elementu do znaku
charoff number Nie jest obsługiwany w HTML5.
Ustawia liczbę znaków zawartość wewnątrz <tfoot> elementu zostaną wyrównane od znaku określonego przez char atrybutu
valign top
middle
bottom
baseline
Nie jest obsługiwany w HTML5.
Pionie wyrównuje zawartość wewnątrz <tfoot> elementu

Atrybuty globalne

<tfoot> tag obsługuje również globalne Atrybuty w HTML .


Atrybuty Event

<tfoot> tag obsługuje również Event Atrybuty w HTML .


Domyślne ustawienia CSS

Większość przeglądarek wyświetli <tfoot> element z następujących wartości domyślnych:

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}