table 썸네일형 리스트형 테이블_<thead><tfoot><tbody> 테이블의 행은 테이블 헤더, 테이블 푸터, 테이블 본문으로 구성되며 이때 각각 thead, tfoot, tbody 태그를 사용한다. 이런 구문을 통해 웹 브라우져는 테이블 헤드와 풋과는 관계없이 테이블 본문만을 스크롤 하는 기능을 지원할 수 있다. 내용이 긴 테이블을 인쇄할 경우 각 페이지마다 헤더와 푸터 정보가 반복 인쇄된다. tbody 섹션만 독립적으로 스크롤링할 수 있는 기능을 제공하는 프로그램에서 활용할 수 있다. 테이블의 내용이 길 경우에 유용하다. thead, tfoot은 tbody보다 반드시 먼저나와 웹 브라우져나 기기들이 이 내용을 먼저 읽을 수 있게 해야한다. ------------------------------------------- ---테이블 헤더 내용--- ---테이블 푸터 내용.. 더보기 테이블_abbr속성 육식동물 음성변환기에서 "육식"이라고 짧게 읽어준다 더보기 테이블_헤더와 데이터 정보간의 관계 맺어주기 ------------------------------------------------------------------ 동물 종류 사는곳 사자 육식동물 초원지대 ------------------------------------------------------------------ 적용시 스크린리더는 "동물:사자, 종류:욱식동물, 사는곳:초원지대" 이런식으로 읽어 내려간다. 더보기 테이블 을 사용하여 좀 더 의미에 맞게 한다. 사용된 데이터에 대한 설명을 빠르게 전달한다. summury 속성을 사용하여 좀 더 자세하게 데이블의 목적과 내용을 설명한다. (장애인에게 도움) 의 장점 굵은 글꼴로 표시해준다 에 담긴 테이블 데이터들과 구분할 수 있다. 청각적 브라우져 사용에 용이하다. 헤더 칸과 일반 칸을 다른게 보이게 하기 위해 별도의 마크업을 할 필요가 없다 헤더와 데이터를 쉽게 구분해 볼수 있다. 스타일 적용이 용이하다. 더보기 이전 1 다음