>웹 프론트엔드 >CSS 튜토리얼 >HTML5에서 더 이상 사용되지 않는 테이블 속성을 어떻게 바꾸나요?

HTML5에서 더 이상 사용되지 않는 테이블 속성을 어떻게 바꾸나요?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-10-31 12:27:49673검색

How Do I Replace Deprecated Table Attributes in HTML5?

HTML5 테이블 속성 대체

HTML5에서는 HTML4 및 이전 버전에서 일반적으로 사용되는 여러 테이블 속성이 더 이상 사용되지 않습니다. 대신 이제 CSS 속성을 사용하여 표의 모양과 레이아웃을 제어합니다.

특히 다음 HTML4 표 속성은 HTML5에서 더 이상 유효하지 않습니다.

  • cellpadding
  • cellspacing
  • valign
  • align

CSS 교체

다음 CSS 속성은 더 이상 사용되지 않는 HTML4 속성을 대체합니다.

  • cellpadding: padding

    • 예: th, td { padding: 5px; }
  • cellspacing: border-collapse 및 border-spacing

    • border-collapse: 분리; 테두리 간격: 5px; (cellspacing="5")
    • 국경 축소: 축소; 테두리 간격: 0; (cellspacing="0")
  • valign: 수직 정렬

    • 예: th, td { 수직- 정렬: 상단; }
  • align(center): 테이블 요소에 여백 적용

    • 예: table { margin: 0 auto ; }

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.