웹전반(표준)

3장 테이블을 쓰면 안된다?

gt1000 2012. 3. 6. 08:30
[책] Web Standards Solutions 웹 표준 첫걸음
에 나오는 내용중 중요한 부분만 정리하였다. 저작권이 문제가 될지도 모르겠다.

- abbr 속성을 추가하면 웹 브라우저에서 표시하기 위해 원래 텍스트는 그대로 유지한채 텍스트 음성
   변환기는 이 속성에 짧게 줄인 글을 읽어줌

1 격자 만들기
 - 테이블에서 border 를 사용하지 않고 css 를 사용할 경우 두개의 칸이 겹치는 위쪽 면과 왼쪽면은
   두배로 두꺼운 선이 표시
 1) border-top, border-left 를 table 엘리먼트에 추가
  table {
     border-top : 1px solid #999;
     border-left : 1px solid #999;
  }
  th, td {
       border-right : 1px solid #999;
       border-bottom : 1px solid #999;
  }
 2) 간격 붙이기
  - 테두리 선 사이에 간격이 벌어져 있음, border-collapse 속성을 사용
   table {
       border-collapse:collapse;
    }
    th, td {
       border : 1px solid #999;
    }