Атрибуты таблиц HTML5: устарели и замены CSS

Некоторые атрибуты, которые обычно использовались для стилизации таблиц HTML, в HTML5 признаны устаревшими, включая заполнение ячеек , расстояние между ячейками, выравнивание и выравнивание. Это изменение было внесено с целью модернизации веб-разработки и обеспечения более строгого соблюдения стандартов HTML5.

В Visual Studio вы можете получать предупреждения о том, что эти атрибуты больше не действительны в HTML5. Чтобы устранить эти предупреждения, вы можете заменить их соответствующими свойствами CSS. Вот как:

1. Cellpadding (дополнение)

th, td {
  padding: 5px;
}

2. Расстояние между ячейками (граница)

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

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

3. Valign (вертикальное выравнивание)

th, td {
  vertical-align: top;
}

4. Выровнять (поля)

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

Приняв эти замены CSS, вы можете гарантировать, что ваши HTML-таблицы соответствуют стандартам HTML5, сохраняя при этом желаемый стиль.