HTML5-Tabellenattributübergang

Die HTML5-Validierungsfunktion von Visual Studio identifiziert Cellpadding-, Cellspacing-, Valign- und Align-Attribute als ungültig für Tabellenelemente. Um dieses Problem zu lösen, führt HTML5 CSS-Alternativen ein, um das Erscheinungsbild und den Abstand von Tabellen zu steuern.

Zellenauffüllung:

Ersetzen Sie die Zellenauffüllung durch die CSS-Auffüllungseigenschaft, die auf Tabellenzellen angewendet wird (

th, td {
  padding: 5px;
}

Zellenabstand:

Ersetzen Sie den Zellenabstand durch die CSS-Eigenschaften „Randkollaps“ und „Randabstand“, die auf die Tabelle angewendet werden. border-collapse: separate und border-spacing: 5px erzeugen einen Abstand von 5px zwischen den Tabellenzellen. border-collapse: Collapse und border-spacing: 0 entfernen alle Abstände zwischen Zellen.

Vertikale Ausrichtung:

Ersetzen Sie valign durch CSS Vertical-Alignment, das auf Tabellenzellen angewendet wird . Vertical-Align: Top richtet den Zellinhalt am oberen Rand der Zelle aus.

Horizontale Ausrichtung (Mitte):

Align ist zwar kein gültiges HTML5-Attribut, Sie kann eine horizontale Zentrierung erreichen, indem CSS margin: 0 automatisch auf die Tabelle angewendet wird. Dadurch wird die Tabelle horizontal innerhalb ihres übergeordneten Containers zentriert.