HTML5 테이블 속성 전환

Visual Studio의 HTML5 유효성 검사 기능은 셀 패딩, 셀 간격, valign 및 정렬 속성을 테이블 요소에 유효하지 않은 것으로 식별합니다. 이 문제를 해결하기 위해 HTML5에서는 표의 모양과 간격을 제어하는 ​​CSS 대안을 도입합니다.

셀 패딩:

cellpadding을 표 셀에 적용된 CSS 패딩 속성으로 바꿉니다( 및

th, td {
  padding: 5px;
}

셀 간격:

셀 간격을 테이블에 적용된 CSS 테두리 축소 및 테두리 간격 속성으로 바꿉니다. border-collapse: Separate 및 border-spacing: 5px는 표 셀 사이에 5px의 간격을 만듭니다. border-collapse:collapse 및 border-spacing: 0은 셀 사이의 모든 간격을 제거합니다.

수직 정렬:

valign을 표 셀에 적용된 CSS 수직 정렬로 교체 . 수직 정렬: top은 셀 내용을 셀 상단에 정렬합니다.

가로 정렬(가운데):

정렬은 유효한 HTML5 속성이 아니지만 CSS margin: 0 auto 를 사용하여 수평 중심을 테이블에 적용할 수 있습니다. 그러면 상위 컨테이너 내에서 테이블이 수평 중앙에 배치됩니다.