HTML tfoot Etiketi

<tfoot> Etiketi

Örnek

thead, tfoot ve tbody etiketleriyle bir tablo:

<table>
  <thead>
    <tr>
      <th>Ay</th>
      <th>Harcamalar</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Toplam</td>
      <td>1210</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Mart</td>
      <td>580 TL</td>
    </tr>
    <tr>
      <td>Nisan</td>
      <td>630 TL</td>
    </tr>
  </tbody>
</table>

<tfoot> Tanımı ve Kullanımı

<tfoot> etiketi bir HTML tablosunun altbilgi içeriğini gruplamak için kullanılır.

Gövde, üstbilgi ve altbilgi gibi her bir tablo bölümünü tanımlamak için <tfoot> elementi, <thead> ve <tbody> etiketleri birlikte kullanılır.

Tarayıcılar bu elementleri, sayfada tablo gövdesinin altbilgi ve üstbilgiden bağımsız olarak kaydırılabilmesini sağlamak için kullanırlar. Dahası bu elementler, bir çok sayfaya bağlı olan geniş bir tabloyu yazıcıdan çıkarmak istediğinizde, tablo üstbilgisinin ve altbilgisinin her sayfanın altına ve üstüne yazılmasını sağlarlar.

<tfoot> etiketi: <table> öğesinin bir çocuğu olarak, herhangi bir <caption>, <colgroup> ve <thead> etiketlerinden sonra, ve <tbody>, <tr> etiketlerinden önce kullanılmalıdır.


Tarayıcı Desteği

Element
<tfoot> Var Var Var Var Var Var

İpuçları ve Notlar

Not: <tfoot> elementi içerisinde en az bir veya daha fazla <tr> etiketi bulundurmalıdır.

İpucu: <thead>, <tbody> ve <tfoot> öğeleri tablonun varsayılan yerleşim ayarlarını etkilemez. Bu elementlere CSS ile stil atayabilirsiniz.


HTML 4.01 ile HTML5 arasındaki farklar

HTML 4.01 özelliklerinin hiçbiri HTML5'te desteklenmiyor


Özellikler

Özellik Değer Tanım
align right
left
center
justify
char
HTML 5'te desteklenmiyor.
<tfoot> elementinin içeriğini hizalar.
char karakter HTML 5'te desteklenmiyor.
<tfoot> elementi içerisindeki içeriği bir karaktere hizalar.
charoff sayı HTML 5'te desteklenmiyor.
Char özelliği ile belirlenen karakterle aynı yerden hizalanacak <tfoot> içeriğinin karakter sayısını belirler.
valign top
middle
bottom
baseline
HTML 5'te desteklenmiyor.
<tfoot> element içeriğini dikey olarak hizalar.

Standart Özellikler

<tfoot> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.


Olay Özellikleri

<tfoot> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar

Bu blogdaki popüler yayınlar

HTML DOCTYPE Bildirimi

Javascript ile neler yapılabilir

Html belgesi yapısını anlama uygulaması

HTML5 ile SEO Uyumlu İçerik Üret

Web Sitenizden Çok Para Kazanin

Javascript kodları nereye yazılır

Uyurken Bile Para Kazanmak İster misin

YouTube reklamları nasıl engellenir