Comment remplacer les attributs de tableau HTML5 obsolètes par CSS ?

Attributs de tableau HTML5 : obsolescence et remplacements CSS

Plusieurs attributs couramment utilisés pour styliser les tableaux HTML ont été obsolètes en HTML5, y compris 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)

<code class="css">th, td {
  padding: 5px;
}</code>

2. Espacement des cellules (bordure)

<code class="css">table {
  border-collapse: separate;
  border-spacing: 5px; /* cellspacing="5" */
}

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

3. Valign (alignement vertical)

<code class="css">th, td {
  vertical-align: top;
}</code>

4. Aligner (marge)

<code class="css">table {
  margin: 0 auto; /* align center */
}</code>

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!