Attributs de tableau HTML5 : obsolescence et remplacements CSS

Plusieurs attributs couramment utilisés pour styliser les tableaux HTML ont été obsolètes dans HTML5, notamment le cellpadding , espacement des cellules, valign et align. Ce changement a été apporté pour moderniser le développement Web et promouvoir un respect plus strict des normes HTML5.

Dans Visual Studio, vous pouvez recevoir des avertissements indiquant que ces attributs ne sont plus valides en HTML5. Pour répondre à ces avertissements, vous pouvez les remplacer par des propriétés CSS appropriées. Voici comment procéder :

1. Cellpadding (rembourrage)

th, td {
  padding: 5px;
}

2. Espacement des cellules (bordure)

table {
  border-collapse: separate;
  border-spacing: 5px; /* cellspacing="5" */
}

table {
  border-collapse: collapse;
  border-spacing: 0; /* cellspacing="0" */
}

3. Valign (alignement vertical)

th, td {
  vertical-align: top;
}

4. Aligner (marge)

table {
  margin: 0 auto; /* align center */
}

En adoptant ces remplacements CSS, vous pouvez vous assurer que vos tableaux HTML sont conformes aux normes HTML5 tout en conservant le style souhaité.