HTML5 테이블 속성: 지원 중단 및 CSS 대체

HTML 테이블 스타일을 지정하는 데 일반적으로 사용된 여러 속성(셀 패딩 포함)이 HTML5에서 더 이상 사용되지 않습니다. , 셀 간격, valign 및 정렬. 이 변경은 웹 개발을 현대화하고 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 표준을 준수하도록 할 수 있습니다.