Ultimele tutoriale de dezvoltare web
 

HTML <tfoot> Tag


Exemplu

Un tabel HTML cu un <thead>, <tfoot> , și <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>
Încearcă - l singur »

Definiție și utilizare

<tfoot> tag - ul este folosit pentru conținutul subsol de grup într - un tabel HTML.

<tfoot> Elementul este utilizat în conjuncție cu <thead> și <tbody> elemente pentru a specifica fiecare parte a unui tabel (footer, header, body) .

Browserele pot folosi aceste elemente pentru a permite derularea a corpului de masă independent de antet și subsol. De asemenea, atunci când se imprimă o masă mare, care se întinde pe mai multe pagini, aceste elemente pot activa antetul de masă și subsol care urmează să fie imprimat în partea de sus și de jos a fiecărei pagini.

<tfoot> tag - ul trebuie să fie utilizat în următorul context: Ca un copil al unui <table> Element, după orice <caption>, <colgroup> și <thead> elemente și înainte de orice <tbody> și <tr> elemente.


Suport pentru browser-

Element
<tfoot> da da da da da

Sfaturi și note

Note: <tfoot> Elementul trebuie să aibă unul sau mai multe <tr> etichete în interior.

Tip: <thead>, <tbody> și <tfoot> elemente nu vor afecta structura tabelului implicit. Cu toate acestea, puteți utiliza CSS pentru stilul acestor elemente.


Diferențe între HTML 4.01 și HTML5

Nici unul dintre atributele HTML 4.01 sunt acceptate în HTML5.


atribute

Atribut Valoare Descriere
align right
left
center
justify
char
Nu sunt acceptate în HTML5.
Aliniază conținutul în interiorul <tfoot> elementul
char character Nu sunt acceptate în HTML5.
Aliniază conținutul din interiorul <tfoot> elementul la un caracter
charoff number Nu sunt acceptate în HTML5.
Setează numărul de caractere conținutul din interiorul <tfoot> elementul va fi aliniat la caracterul specificat de char atribut
valign top
middle
bottom
baseline
Nu sunt acceptate în HTML5.
Verticală aliniază conținutul în interiorul <tfoot> elementul

Atribute globale

<tfoot> tag - ul sprijină , de asemenea, Atributele Global in HTML .


Atribute Eveniment

<tfoot> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .


Setări implicit CSS

Cele mai multe browsere vor afișa <tfoot> elementul cu următoarele valori implicite:

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