テーブルタグを深く理解_体験交流

この前、テーブルに含まれる主要なタグを探していたところ、もちろん見つけたので、みんなに共有しました。

テーブルタグには主に、table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup のタグが含まれます。それぞれの概要は次のとおりです。

tableタグでテーブルを定義できます。 タグ内には、表のタイトル、表の行、表の列、表のセル、およびその他の表を配置できます。


テーブルに行を定義します。


テーブルのヘッダーを定義します。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。


テーブル本体（テキスト）を定義します。
タグを使用すると、表を別のセクションに分割できます。 タグは、テーブル内の 1 つまたは複数の行をグループ化します。
テーブルに 1 つまたは 2 つ以上の タグを含めることもできますが、テーブルには タグを含めないことをお勧めします。
タグでは、 タグのみがテーブル行を定義できます。 タグを定義すると、 タグはテーブルの独立した部分になります。たとえば、ある から別の にまたがることはできません。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。


表のフッター (脚注) を定義します。

thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、おそらくヘッダー行、データを含むいくつかの行、そして最後に合計行を配置する必要があるでしょう。この分割により、ブラウザはテーブルのヘッダーやフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長い表を印刷する場合、表データを含む各ページに表のヘッダーとフッターを印刷できます。


テーブル内の 1 つ以上の列の属性値を定義します。この属性はテーブルまたはコルグループでのみ使用できます。


テーブル列のグループ化を定義します。この要素を使用すると、書式設定の目的で列をグループ化できます。この要素は、

テーブルのヘッダー セルを定義します。この th 要素内のテキストは通常​​、太字で表示されます。

テーブル内にセルを定義します。

タグ内でのみ有効です。
タグを使用するには 2 つの方法があります。1 つは単に複数の同一の列を定義する方法、もう 1 つは複数の異なる列を組み合わせる方法です。

追記: 上記のコンテンツはすべて w3school からのものです。w3school は著作権情報に著作権をマークしており、すべての権利を留保しています。その場合、転送や編集は行わず、その一部だけを取り出し、クリックすると特定のタグの詳細な紹介を直接表示できます。テーブルの概要もご覧いただけます。