テーブルは常に Web デザインと制作プロセスの重要な部分であり、CSS レイアウトを学ぶ前は主にレイアウトに使用されていました。フォームを再理解する必要があります...
現代の Web デザインと制作では、テーブルの主な目的は多次元の 2 次元データを保存することです。テーブルに関連するタグには、table、tr、td、th、tbody、thead、tfoot、col、colgroup、caption などがあります。これらのタグを適切に適用するにはどうすればよいでしょうか。まずは名詞の説明から始めましょう。
用語の説明
テーブル
2Dデータを表示
tr
テーブル内の行
TD
データセル
番目
行または列のヘッダー情報を定義するヘッダー セルは、レイアウト テーブルでは使用できません。
あなた
テーブル内の 1 つまたは複数の行はグループ化されており、thead および tfoot と一緒に使用する必要があります
頭
テーブル内の 1 つまたは複数の行をグループ化し、tbody および tfoot と一緒に使用します
足
テーブル内の 1 つまたは複数の行をグループ化し、tbody および thead と一緒に使用します
コル
列、特定の属性を特定の列または複数の列に適用します。colgroup
と一緒に使用します。コルグループ
列の組み合わせ、col と一緒に使用します
キャプション
テーブルのタイトルを定義します。テーブルの先頭で 1 回だけ使用します
概要
フォームの目的を説明してください
例:
浏览器 / 月 | 2005 / 11 | 2006 / 04 | 2006 / 05 |
---|---|---|---|
总计 | 1,646 ( 98.45% ) | 6,978 ( 99.48% ) | 5,366 ( 99.56% ) |
Internet Explorer | 1,535 (91.81%) | 5,905 (86.41%) | 4,550 (84.42%) |
Firefox | 98 (5.86%) | 746 (10.92%) | 640 (11.87%) |
Opera | 13 (0.78%) | 147 (2.15%) | 176 (3.27%) |