2012. 3. 6. 08:30 웹전반(표준)
3장 테이블을 쓰면 안된다?
[책] 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;
}
에 나오는 내용중 중요한 부분만 정리하였다. 저작권이 문제가 될지도 모르겠다.
- 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;
}