私の最近のプラクティスのいくつかに基づいて、HTMLフォームの使用について読者と通信した後、この記事を書くことにしました。全体として、私は彼らが誤解を招く情報のためにテーブルの使用に不安定な嫌悪感を持っていることに気付きました。実際、多くの人々は、フォームを使用してはいけないという声明を見ていると言うでしょうが、これは絶対に間違っています！この提案は、HTMLテーブルを使用してWebページのレイアウトを定義するためだけですが、テーブルはデータ情報の行と列の便利な配置に最適です。ページにテーブル列データを表示する必要がある場合は、それらを使用する必要があります。なぜだめですか？ただし、この場合、一部の人々は、テーブルに使用される特定のHTMLタグの存在を無視しており、それらを正しく使用する方法がわかりません。
HTMLには10個のテーブル関連タグがあります。以下は紹介のあるリストですが、最初に、ドキュメントはHTML 4.01/XHTML 1またはHTML 5の下で正しく定義する必要があります。
基本的なテーブル構造は次のとおりです。
タイトル、ヘッド、ボディ、ボトムが含まれています。 HTML要素の正しい順序は次のとおりです。
<col>および<colgroup>を使用して、テーブルまたはグループ列の列を定義することもできます。
テーブル構造の正しい例を次に示します。
<テーブルボーダー= 1> <キャプション>テーブルキャプションはこちら</caption> <colgroup span = 1 style = background：#dedede;/> <colgroup span = 2 style = background：#efefef;/> <！ - テーブルヘッダー - > <tr> <tr> <th thth thh head 1 </th> <th> head 2 </thead> </thead> </thead>フッター - > <tfoot> <tr> <td>フット1 </td> <td>足2 </td> <td>足3 </td> </tfoot> <！ - テーブルボディ - > <tbody> <tr> <td> a </td> <td> b </td> <td> c </td> </tr> <tr> <td> d </td> <td> e </td> <td> f </td> </tr> </tbody> </table>
ブラウザの結果を以下の図に示します。
現在提唱されているパフォーマンスと構造分離の開発モデルを実現するために、フロントエンドの観察は、ページのプレゼンテーションレイヤーに関連するすべてのものをCSSによって制御することを推奨し、HTMLが提供する属性を使用してページのパフォーマンスを制御することは無視されます。
表の詳細については、W3Cドキュメントを確認してください：W3テーブルの紹介
最後に、私はあなたのために非常に簡単な質問を残します。 CSSのどの属性がテーブルのCellpadding属性に相当しますか？