html5 atributas vs. propiedades css: un viaje de modernización

en el mundo del desarrollo web, html5 ha revolucionado la forma en que creamos tablas, Eliminar varios atributos que alguna vez fueron esenciales. Como ha encontrado en Visual Studio, CellPadding, Cellspacing, Valign y Align ya no son atributos de tabla HTML5 válidos.

para reemplazar estos atributos y mantener el formato de la tabla deseado, las propiedades CSS llegan al rescate. Aquí está cómo:

replicando el envadio de celdas con el relleno CSS:

Use el relleno de propiedad CSS para agregar espacio entre las celdas de la tabla tal como lo hizo Cellpadding. Por ejemplo:

th, td {
  padding: 5px;
}

emulando celdas con css border-colapso y espacios fronterizos:

Cellspacing se reemplaza por el colapso de la frontera y la espacios de espacio fronterizo. Si desea mantener el espacio entre las celdas de la tabla, configure el colapso del borde para separar y especifique el espaciado deseado con la separación del borde:

table {
  border-collapse: separate;
  border-spacing: 5px;
}

para eliminar el espaciado en total (equivalente a cellspacing = "0"), use:

table {
  border-collapse: collapse;
  border-spacing: 0;
}

reemplazando Valign con CSS Vertical-Align:

Use vertical-aline ]

th, td {
  vertical-align: top;
}

para centrar las tablas en la página, reemplazar alinearse con el margen:

table {
  margin: 0 auto;
}