テーブルタグ（テーブル）詳細

<br />テーブルは、昔から誰もが使ってきたタグで、今も使われています。しかし、現在のウェブサイトの再構築により、レイアウトにテーブルを使用しないことが推奨されています。多くの友人は、テーブルの使用はいわゆる非標準であると誤解しています。実際にはそうではありません。テーブルは重要な要素です。
少し前に、テーブルに含まれる主なタグを探していました。もちろん、それを皆さんと共有したいと思いました。
表タグには主に、table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup があります。それぞれの紹介は次のとおりです。
<テーブル>
テーブルタグはテーブルを定義します。 <table> タグ内に、表のヘッダー、表の行、表の列、表のセル、その他の表コンテンツを配置できます。
<キャプション>
キャプション要素は表のタイトルを定義します。キャプションタグはテーブルタグの直後に来る必要があります。テーブルごとに定義できるヘッダーは 1 つだけです。通常、このタイトルは表の上部の中央に配置されます。
<番目>
テーブル内のヘッダーセルを定義します。この th 要素内のテキストは通常、太字で表示されます。
<tr>
テーブル内の行を定義します。
<td>
テーブル内のセルを定義します。
<頭>
テーブルヘッダーを定義します。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、ヘッダー行、データを含むいくつかの行、および下部の合計行が必要になるでしょう。この分割により、ブラウザはテーブルヘッダーとフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長いフォームを印刷する場合、テーブルデータを含む各ページにテーブルヘッダーとフッターが印刷されることがあります。
<t本文>
表本体（テキスト）を定義します。
<tbody> タグを使用すると、テーブルを個別のセクションに分割できます。 <tbody> タグは、テーブル内の 1 つ以上の行をグループ化できます。
テーブル内に 1 つ、または 2 つ、あるいはそれ以上の <tbody> タグを含めたくなるかもしれませんが、テーブル内には <tbody> タグを含めないことをお勧めします。
<tbody> タグ内では、<tr> タグのみがテーブル行を定義できます。一度定義されると、<tbody> タグはテーブルの独立した部分になります。たとえば、ある <tbody> から別の <tbody> にまたがることはできません。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、ヘッダー行、データを含むいくつかの行、および下部の合計行が必要になるでしょう。この分割により、ブラウザはテーブルヘッダーとフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長いフォームを印刷する場合、テーブルデータを含む各ページにテーブルヘッダーとフッターが印刷されることがあります。
<tfoot>
テーブルのフッター (脚注) を定義します。
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、ヘッダー行、データを含むいくつかの行、および下部の合計行が必要になるでしょう。この分割により、ブラウザはテーブルヘッダーとフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長いフォームを印刷する場合、テーブルデータを含む各ページにテーブルヘッダーとフッターが印刷されることがあります。
<列>
テーブル内の 1 つ以上の列のプロパティの値を定義します。この属性はテーブルまたは colgroup 内でのみ使用できます。
<colgroup>
テーブル列のグループ化を定義します。この要素を使用すると、書式設定のために列をグループ化できます。この要素は <table> タグ内でのみ有効です。
<colgroup> タグを使用するには 2 つの方法があります。1 つは、複数の同一の列を単純に定義する方法で、もう 1 つは、複数の異なる列をグループ化する方法です。
PS: 上記のコンテンツはすべて w3school からのものです。w3school は著作権情報に著作権を明記し、すべての権利を留保しています。そうすれば、再投稿も編集もしません。段落だけを抜粋して、クリックするとタグの詳細な紹介を直接表示できます。表の紹介も参照してください。

<<: JS の 6 つの継承方法とその長所と短所

>>: Navicat Premiumを使用してMySQLデータベースにリモート接続する方法