HTML5 テーブル属性の遷移

Visual Studio の HTML5 検証機能は、cellpadding、cellspacing、valign、および align 属性がテーブル要素に対して無効であることを識別します。これに対処するために、HTML5 では表の外観と間隔を制御するための CSS 代替手段が導入されています。

Cell Padding:

セルパディングを表のセルに適用される CSS パディング プロパティに置き換えます (

th, td {
  padding: 5px;
}

セル間隔:

セル間隔を、テーブルに適用される CSS border-collapse プロパティと border-spacing プロパティに置き換えます。 border-collapse: Separate と border-spacing: 5px を指定すると、表のセル間に 5 ピクセルの間隔が作成されます。 border-collapse: Collapse と border-spacing: 0 はセル間のすべての間隔を削除します。

Vertical Alignment:

valign を表のセルに適用される CSS 垂直位置揃えに置き換えます。 。 vertical-align: top は、セルの内容をセルの上部に揃えます。

水平方向の配置 (中央):

align は有効な HTML5 属性ではありませんが、 CSS margin: 0 auto apply to table を使用して水平方向のセンタリングを実現できます。これにより、テーブルが親コンテナ内で水平方向の中央に配置されます。