htmlのテーブルタグについて語る

主な議論は、その構造といくつかの重要な特性についてです。少しずつ改善していく形で紹介していきます。
1) 基本的な構造は以下の通り： <tr> は表の行を、 <td> は行の列を表します。列といっても、実際には
wordのセルのようなものと考えてください。 <th> も実はセルなのですが、テーブルのタイトルとして使われていることを除けば。意味的には
say: <td> は表のデータセルを、<th> は表の列や行のタイトルを表します。

2) ヘッダーは、行ヘッダーと列ヘッダーがありますが、どのように区別するのですか？スコープ属性scope=row/colを使用する必要があります。

3) テーブルには、独自のタイトル <caption> もあります。

4) フォームにプロファイルの概要属性を追加する

5) テーブルボーダーモデルとセルのデフォルトパディング。
テーブルのボーダーの表示方法には、分離と折りたたみの2種類があります。 border-collapse: 分離/折りたたみ IE6のデフォルトのスタイルは次のとおりです。
立体的に見えるseparate。実際は、各セルに別々のボーダーがあるだけです。一方、mergedはボーダーを共有している状態です。
table { border-collapse: collapse; }.
デフォルトではセル間に空白があります。border-spacingでコントロールできますが、IE6がサポートしていないので、ほとんど使われません。IE6
celspacingを使用してください。

6) いくつかの行と列を追加します。そして、各<th>にidを追加します。

7) テーブルの論理的な分割 <thead><tbody><tfoot> を、複数の論理領域に分割した後、CSSでより良いものにすることができます。
テーブルのパフォーマンスをCSSでより良く制御できる。

このエッセイでは、テーブルの構造について簡単にお話ししますが、お役に立てれば幸いです。