XHTML에서 페이지 레이아웃 용 테이블을 사용하고 있다면 XHTML에서 no-no를 사용 하면 레이아웃에서 추가 공간을보기 흉하게 추가 할 수 있습니다. 이 문제를 해결하려면 HTML 테이블 정의와 통치 스타일 시트의 특성을 모두 확인해야합니다.
HTML 테이블 정의
기본적으로 테이블의 HTML 태그는 일부 간격 요구 사항을 제어하지 않습니다. HTML 문서에서 table 태그에 대한 세 가지 사항을 확인하십시오.
- 테이블에 cellpadding 속성이 0으로 설정되어 있습니까?
- 셀 패드 = "0"
- 테이블에 cellspacing 속성이 0으로 설정되어 있습니까?
- cellspacing = "0"
- 콘텐츠와 표의 태그 앞뒤에 공백이 있습니까?
번호 3은 키커입니다. 많은 HTML 편집자는 코드를 모두 간격을 두어 읽고 쉽게 읽을 수 있습니다. 그러나 많은 브라우저가 탭, 공백 및 캐리지 리턴을 원하는 표의 공간으로 해석합니다. 태그 주위의 공백을 없애면 테이블이 더욱 생생 해집니다.
스타일 시트
그러나 HTML이 아닌 것은 아닙니다. 캐스 캐이 딩 스타일 시트는 테이블의 일부 표시 속성을 제어하며 페이지에 따라 처음부터 의도적으로 테이블 특정 CSS를 추가했는지 여부는 다를 수 있습니다.
테이블, th 또는 td 속성 내에서 다음 값 중 하나에 대한 관리 CSS 파일을 스캔하고 필요에 따라 조정합니다.
- border 는 테이블 또는 셀 경계의 속성을 지정합니다.
- border-collapse 는 인접한 테두리를 하나의 테두리로 취급하여 테두리 폭이 중복되는 것을 방지합니다.
- 여백 은 픽셀 단위로 각 셀 주위에 빈 공간을 제공합니다.
- text-align 은 셀 내의 텍스트 정렬을 결정합니다.
- border-spacing 은 셀 사이의 간격을 픽셀 단위로 설정합니다.
대안
HTML 테이블을 여전히 사용할 수 있지만 표준은 잘 구축되어 있으며 오늘날의 브라우저에서 보편적으로 지원됩니다. 대부분의 현대적인 응답 성 웹 디자인은 계단식 스타일 시트를 사용하여 페이지에 요소를 배치합니다. 테이블은 여전히 표 형식의 데이터를 표시하는 원래의 의도대로 이해할 수 있지만 페이지의 레이아웃과 내용을 구성하려면 CSS 레이아웃을 사용하는 것이 훨씬 낫습니다.