2009-08-16 2 views
17

すべてのブラウザは、まずhtmlテーブルを列でサポートしますか。htmlテーブル - 行または列別

私はあなたが行うことができます知っている:

<table> 
     <tr> 
      <td></td> 
     </tr> 
</table> 

ができますが、最初の列でテーブルを構築することができますか?最初にコラムをすることに何か問題はありますか?

+2

を開始まあは、httpで説明: //www.w3.org/TR/html4/struct/tables.html – twk

答えて

13

これは、HTML標準の仕組みではありません。あなたはテーブルを作ってから行を作ってから列を作っていく。ヘッダー、ボディーなどにはいくつか追加のものがありますが、標準(およびサポートされるメソッドのみ)は行単位であり、列単位ではありません。 W3C HTML4 Table Specificationsによれば

0

HTMLテーブルには、テーブルデータセルとテーブルヘッダセル要素を含むテーブル行要素を含むtbody(およびtheadおよびtfoot)要素があります。

各列を順番に指定してテーブルを構築することはできません。順番に各行だけ。

7

さらに、著者らは レンダリングするユーザエージェントを可能にする方法 に( COLGROUPとCOL要素を介して)テーブル定義の開始 でカラムのプロパティを宣言することができますレンダリングする前に テーブルにすべてのテーブルデータが到着するまで待つのではなく、 をインクリメンタルに格納する必要があります。

この重要な注意事項は、テーブルの機能構造を変更するものではなく、テーブルのスタイリングとデータの意味的な説明の両方を柔軟に行うことができます。具体的には、関連付けられた行と列のデータはスクリーンリーダーに利益をもたらします。

あなたのテーブルはまだ行と列で構成されていると述べています。 colgroupとcol要素は、実際のテーブル構造がテーブルの前に現れる前に使用されます。

5

あなたはリレーショナルDOM(Document Object Model)の観点から考える必要があります。

Table -- Parent 
     TR --- Child 
      TD ---- Child 

真のテーブルにはセルコレクションがありますが、セルは決してテーブルの直接退去者になることはありません。セルは行に囲まれなければならず、行は表要素の子でなければなりません。

別のアプローチをお探しの場合は、XHTMLを使用してください。divとスパンをネストすると、表を置き換えることができます。しかし、私は個人的に良い古いHTML 4を好む。

0

本当にHTMLの標準を使用する必要があります。なぜなら、テーブルの列と行を混乱させると、扱いにくいコードになる可能性があるからです。ちょうど標準のHTMLに固執してください。

0

最初にcolを印刷するには、テーブルとして:tr'td's in table w/in table。元

以下ここでは、親テーブルを開始:

<table>  
    <tr><td> //first row (in a sense) of cols 
    <tr><td> //first row (in a sense) of cols 
    <tr><td> //first row (in a sense) of cols 
</table> 
TRとTD

をエンド親TD新しいTD

<table> 
    <tr><td> //second row (in a sense) of cols 
    <tr><td> //second row (in a sense) of cols 
    <tr><td> //second row (in a sense) of cols 
</table> 

エンド親TDとTRとエンドテーブル

関連する問題