더 이상 사용되지 않는 HTML5 테이블 속성을 CSS로 바꾸려면 어떻게 해야 합니까?

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

HTML 테이블 스타일을 지정하는 데 일반적으로 사용된 여러 속성(셀 패딩 포함)이 HTML5에서 더 이상 사용되지 않습니다. , 셀 간격, valign 및 정렬. 이러한 변경은 웹 개발을 현대화하고 HTML5 표준을 보다 엄격하게 준수하도록 하기 위해 이루어졌습니다.

Visual Studio에서는 이러한 특성이 HTML5에서 더 이상 유효하지 않다는 경고를 받을 수 있습니다. 이러한 경고를 해결하려면 해당 경고를 적절한 CSS 속성으로 바꿀 수 있습니다. 방법은 다음과 같습니다.

1. 셀패딩(padding)

<code class="css">th, td {
  padding: 5px;
}</code>

2. 셀 간격(테두리)

<code class="css">table {
  border-collapse: separate;
  border-spacing: 5px; /* cellspacing="5" */
}

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

3. Valign(수직정렬)

<code class="css">th, td {
  vertical-align: top;
}</code>

4. 정렬(여백)

<code class="css">table {
  margin: 0 auto; /* align center */
}</code>

이러한 CSS 대체를 채택하면 원하는 스타일을 유지하면서 HTML 테이블이 HTML5 표준을 준수하도록 할 수 있습니다.

위 내용은 더 이상 사용되지 않는 HTML5 테이블 속성을 CSS로 바꾸려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!