2011-08-08 6 views
0

HTMLでは、<tbody><thead>を使用できます。回転テーブルのtbodyとtheadad

「正常」テーブルでうまく動作します。

<table> 
    <thead> 
    <tr> 
     <th>col1</th> 
     <th>col2</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>data1-1</td> 
     <td>data1-2</td> 
    </tr> 
    </tbody> 
</table> 

は、しかし、時には、回転テーブルがあります:

<table> 
    <tr> 
    <th>col1</th> 
    <td>data1-1</td> 
    </tr> 
    <tr> 
    <th>col2</th> 
    <td>data1-2</td> 
    </tr> 
</table> 

私は<tbody>または<tbody>を使用することはありません回転テーブルを使用する場合。

<tbody>が正しい場合は、<tfoot>を使用する場合は必須です。

Does a <tr> have to be inside a <tbody>

だから私の質問は次のとおりです。

は(<tfoot>が使用されている場合、それは確かに必須であることを)正しい上記のステートメントですか?

もしそうなら、<thead><tbody>を2番目の例のテーブルにどこに追加しますか?

答えて

1

W3 specificationによれば、tbodyタグは、テーブルにテーブル本体が1つしかなく、ヘッダーとフットセクションがない場合は常に必須です。あなたが使用することができますあなたの場合は

<table> 
    <tbody> 
    <tr> 
    <td>col1</td> 
    <td>data1-1</td> 
    </tr> 
    <tr> 
    <td>col2</td> 
    <td>data1-2</td> 
    </tr> 
    </tbody> 
</table> 

HTML有効です。あなたはテーブルの上に "本当の"ヘッダーがないので、ヘッダータグはここには適用されません。回転テーブルがHTMLの規約でサポートされているかどうかはわかりません。したがって、基本的には本体のみの通常のテーブルがあります。

+0

私は ''を使用する必要があります。または、最後の手段である 'ヘッダー'セルに余分なクラスを追加する必要があります。それはまだ検証されますか? – PeeHaa

+1

はい、 'ヘッダ'セルにthを使用するか、CSSスタイル/ JavaScriptのクラス属性を追加できます。どちらの場合も、検証されます。 http://validator.w3.org/checkで自分で試すことができます – jasalguero

関連する問題