ＨＴＭＬタグからスタイルシートに乗り換えるには　～テーブル編～

非推奨属性の多いテーブル要素をＣＳＳで書き換えよう！

　「非推奨タグ・属性とは？」でもご説明しましたが、テーブル要素の属性の多くは、今後は使用を控えるべき非推奨属性に該当します。したがって、今後はスタイルシートで以下のように書き換えていくことが望ましいといえます。

ＨＴＭＬタグのみのサンプルコード

＜ＨＴＭＬの記述例＞

スタイルシートを使ったサンプルコード

＜ＨＴＭＬの記述例＞

＜スタイルシートの記述例＞

　テーブルタグのcellpadding属性は、スタイルシートでは<td>のパディング（余白）で代替可能です。cellspacing属性は、ＩＥではスタイルシートの「border-collapse:collapse」を設定することで「cellspacing="0"」の代わりになります。

　なお、本サンプルではクラスを用いましたが、ＩＤでスタイルを適用しても構いません。但し、規格では同じＩＤを使えるのは同じページで１回のみとされています。

　また、テーブルタグのcellpadding属性とcellspacing属性は非推奨属性ではないので、無理にスタイルシート化する必要はありませんが、両方のやり方を知っておいた方が応用が利くと思われます。