2013-03-15 11 views
11

HTML tablolarını öğrendiğimde, tbody, thmon, colgroup hakkında hiç bir şey öğretmedim. Onları ne zaman kullanmalısın? W3Schools sitesine gittim ve nasıl çalıştığını anlıyorum, ancak ne zaman kullanacaklarını ya da kullanmadıklarını anladım.HTML tablosunda tbody, colgroup, thead vb. Ne zaman kullanılır?

+10

W3Schools'u kullanmaktan kaçının. İşte nedeni - http://w3fools.com – Terry

+2

MDN'nin bu öğelerin her biri hakkında bilgi vardır: https://developer.mozilla.org/en/docs/HTML/Element/tbody –

+0

http://www.w3.org /TR/html401/struct/tables.html –

cevap

8

Tablonuz hakkında ek bilgi sağlamak ve içeriği düzenlemek isterseniz bunları kullanın. Ayrıca tablonuzun görsel işlenmesini bazı şekillerde de etkileyebilirler (ancak bu, tarayıcılar arasında değişebilir - örneğin, <colgroup>/<col> desteği son yamalıdır).

Örneğin, üst ve alt başlık satırlarınız varsa bunları sırasıyla <thead> ve <tfoot> gruplarında ve <tbody> numaralı veri satırlarında gruplayabilirsiniz. Tarayıcılar, <tbody> veya <tr> öğeleri öğelerinden önce veya sonra, tablonuzda ne kadar yer tuttuğunuzdan bağımsız olarak <tfoot> öğesinin her zaman işlenmesini sağlar veya tablonuzda ne kadar veri varsa, bu da tablonuzun çok fazla satırı varsa yararlı olur :

<table> 
    <caption>High Scores</caption> 
    <thead> 
    <tr><th>#</th><th>Name</th><th>Score</th></tr> 
    </thead> 
    <tfoot> 
    <tr><th>#</th><th>Name</th><th>Score</th></tr> 
    </tfoot> 
    <tbody> 
    <tr><td>1</td><td>Alice</td><td>10000</td></tr> 
    <tr><td>2</td><td>Bob</td><td>9000</td></tr> 
    <tr><td>3</td><td>Carol</td><td>8500</td></tr> 
    <tr><td>4</td><td>Dave</td><td>8000</td></tr> 
    <!-- Up to 100 data rows --> 
    </tbody> 
</table> 

Aksi varsayılan olarak tüm satırlar halinde gruplandırılır tek <tbody> (eğer tablosunun içinde <tbody></tbody> etiketleri açık bir şekilde kullanımını yapmazlar bile).

<table> 
    <caption>High Scores</caption> 
    <tr><th>#</th><th>Name</th><th>Score</th></tr> 

    <tr><td>1</td><td>Alice</td><td>10000</td></tr> 
    <tr><td>2</td><td>Bob</td><td>9000</td></tr> 
    <tr><td>3</td><td>Carol</td><td>8500</td></tr> 
    <tr><td>4</td><td>Dave</td><td>8000</td></tr> 
    <!-- Up to 100 data rows --> 

    <tr><th>#</th><th>Name</th><th>Score</th></tr> 
</table> 

Ve tabii

, bu da yapar: Eğer tablonun altındaki satırları başlık varsa Dolayısıyla, bunları son görünmeleri için tablonun en altında yerleştirmek zorunda kalacak Bu tür şeyleri önemsiyorsanız tartışmasız daha az anlamlıdır. Eğer birini kullanmak durumunda <tfoot>, ve bunun için HTML 4 ve XHTML 1 olmak üzere bir önceki şartnamelerde önce herhangi <tbody> veya <tr> elemanları yerleştirilebilir gerekli olduğunu


Not Bu doktrinlere karşı doğrulamak. Bu artık HTML5'dan itibaren doğru değil.

+0

Colgroup'a ne dersin? Thead ile nasıl etkileşir? –

İlgili konular