태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

테이블의 목적에 맞는 경우라면 반드시 사용해야 할 것이다.

테이블을 쓰면 좋은 표 형태의 마크업
 - 달력, 스프레드시트, 차트, 스케줄

사용할때 유의할점
 - <table> 태그가 시작되고 나서 바로 테이블의 제목이나 테이블의 내용을 기록하는 <caption> 태그를 사용한다.

- <table> 태그내에 summary 속성을 추가해 좀 더 자세하게 테이블의 목적과 내용을 설명한다.

- 데이터와 헤더를 연계해주는 headers라는 속성을 이용할 수 있다.
    각 th 해더의 id에 속성값을 정해주고, td안에 headers 속성으로 id의 속성값으로 연결해준다.

- abbr 속성
    원래 텍스트는 그대로 유지한 채 텍스트 음성변환기는 이 속성에 지정된 짧게 줄인 글을 읽어 준다.

- thead, tfoot, tbody 사용
  - 내용이 긴 테이블을 인쇄할 경우 각 페이지마다 헤더와 푸터 정보가 반복인쇄된다.
  - tbody 섹션만 독립적으로 스크롤링 할 수 있는 기능을 제공할 수 있다.

- 각 셀사이의 간격을 줄이려면 border-collapse 속성에 collapse 값을 준다.


예제 소스

신고
Posted by 고시랑
이전버튼 1 2 3 4 5 6 7 8 9 이전버튼

티스토리 툴바