headers

headers özelliği, TH veya TD etiketi ile oluşturulan veri hücresinin içerdiği veri ile ilgili başlık bilgisi sağlayan başlık hücrelerinin belirtilmesini sağlar. id özellikleri ile belirtilen başlık hücreleri, aralarına boşluk bırakılarak birden fazla belirtilebilir.

HTML Sözdizimi

<element headers="kimlikler" > ... </element>

JavaScript & DOM Sözdizimi

<script type="text/javascript">

element.headers = kimlikler;

kimlikler = element.headers

</script>

kimlikler

Hücrenin içerdiği veri ile ilgili başlık bilgisi sağlayan hücre veya hücrelerin id özelliklerini belirtir.

Dönüş Değeri

kimlikler

Başlık hücrelerinin boşluk ile ayrılmış id özellikleri döner.

Örnek

Aşağıdaki örnek, iki farklı yön, iki farklı gün ve iki farklı sefer durumlarına ait vapur sefer saatlerinin gösterildiği tabloda, saat bilgisini içeren hücrelerin headers özelliği kullanılarak alakalı oldukları başlık hücrelerinin belirtilmesini göstermektedir.


<table border="1">
    <caption>Kadıköy-Göztepe Haftasonu Vapur Seferleri</caption>
    <tr>
        <th> </th>
        <th id="yon1" axis="yon">Kadıköy-Göztepe</th>
        <th id="yon2" axis="yon">Göztepe-Kadıköy</th>
    </tr>
    <tr>
        <th id="gun1" axis="gun">Cumartesi</th>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td id="sef1" axis="sefer">Hareket</td>
        <td headers="yon1, gun1, sef1">08:30</td>
        <td headers="yon2, gun1, sef1">09:30</td>
    </tr>
    <tr>
        <td id="sef2" axis="sefer">Varış</td>
        <td headers="yon1, gun1, sef2">20:30</td>
        <td headers="yon2, gun1, sef2">21:30</td>
    </tr>
    <tr>
        <th id="gun2" axis="gun">Pazar</th>
        <th></th>
        <th></th>
    </tr>
    <tr>
        <td id="sef3" axis="sefer">Hareket</td>
        <td headers="yon1, gun2, sef3">09:30</td>
        <td headers="yon2, gun2, sef3">10:30</td>
    </tr>
    <tr>
        <td id="sef4" axis="sefer">Varış</td>
        <td headers="yon1, gun2, sef4">21:30</td>
        <td headers="yon2, gun2, sef4">22:30</td>
    </tr>
</table>

Canlı Sonuç

Kadıköy-Göztepe Haftasonu Vapur Seferleri
	Kadıköy-Göztepe	Göztepe-Kadıköy
Cumartesi
Hareket	08:30	09:30
Varış	20:30	21:30
Pazar
Hareket	09:30	10:30
Varış	21:30	22:30

Elementler

headers özelliğinin kullanıldığı HTML etiketleri/elementleri

TH | TD

İlgili Başlıklar