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