Transition des attributs de tableau HTML5

La fonctionnalité de validation HTML5 de Visual Studio identifie les attributs cellpadding, cellpacing, valign et align comme non valides pour les éléments du tableau. Pour résoudre ce problème, HTML5 introduit des alternatives CSS pour contrôler l'apparence et l'espacement des tableaux.

Cell Padding :

Remplacez cellpadding par la propriété CSS padding appliquée aux cellules du tableau (

th, td {
  padding: 5px;
}

Espacement des cellules :

Remplacez l'espacement des cellules par les propriétés CSS border-collapse et border-spacing appliquées au tableau. border-collapse: séparé et border-spacing: 5px créera 5px d'espacement entre les cellules du tableau. border-collapse : effondrement et border-spacing : 0 supprimeront tout l'espacement entre les cellules.

Alignement vertical :

Remplacez valign par l'alignement vertical CSS appliqué aux cellules du tableau . vertical-align : top alignera le contenu de la cellule en haut de la cellule.

Alignement horizontal (centre) :

Bien que l'alignement ne soit pas un attribut HTML5 valide, vous peut réaliser un centrage horizontal en utilisant CSS margin: 0 auto appliqué au tableau. Cela centrera la table horizontalement dans son conteneur parent.