Atributos de tabla HTML5: obsolescencia y reemplazos de CSS

Varios atributos que se usaban comúnmente para diseñar tablas HTML han quedado obsoletos en HTML5, incluido el cellpadding , espaciado de celdas, valign y align. Este cambio se realizó para modernizar el desarrollo web y promover un cumplimiento más estricto de los estándares HTML5.

En Visual Studio, es posible que reciba advertencias que indiquen que estos atributos ya no son válidos en HTML5. Para abordar estas advertencias, puede reemplazarlas con propiedades CSS apropiadas. He aquí cómo:

1. Cellpadding (relleno)

th, td {
  padding: 5px;
}

2. Espaciado de celdas (borde)

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

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

3. Valign (alineación vertical)

th, td {
  vertical-align: top;
}

4. Alinear (margen)

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

Al adoptar estos reemplazos de CSS, puede asegurarse de que sus tablas HTML cumplan con los estándares HTML5 y al mismo tiempo mantengan el estilo deseado.