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