[HTML기초] 6. 테이블 요소 레이아웃
INDEX
- 요점
- 웹 표준에 위배
- 접근성에 문제
- 소스관리의 어려움
- 크로스 브라우징의 어려움
- 가변적 레이아웃이 어려움
요점
- table 요소를 도표의 의미가 아닌 용도에 쓰는 것, 그리고 Table 레이아웃으로 인해 HTML 문서안에 외형을 담고 있는 것은 웹 표준 위배.
- table 요소는 기본적으로 접근성이 떨어짐. 또한 내용이 비 순차적으로 담기면서 접근성이 떨어질 뿐 아니라, 의미적 구조도 깨짐.
- 소스가 불필요하게 길어질 수 있기 때문에, 추후 소스 수정 등의 유지보수에 어려움.
- 테이블의 레이아웃은 브라우저마다 미묘하게 다를 수 있기 때문에, 크로스 브라우징이 어려움.
- 여러 해상도를 지원하는 반응형 웹, 가변적 레이아웃을 적용하기는 사실 상 불가능.
웹 표준에 위배
- 테이블 레이아웃은 DNPQ 표쭌예 위배
접근성에 문제
- table요소는 스크린 리더로 웹을 접근하는 사용자에게 매우 불편
- 특히 스크린 리더로 접근 시 순서대로 읽어주기 때문에 순차적으로 내용을 담는 것이 매우 중요
- 적어도 table로 레이아웃을 작업한다면 내용이 순차적으로 나오도록 해야 함
소스관리의 어려움
- 어렵잖아 솔직히…
크로스 브라우징의 어려움
- 브라우저마다 조금씩 다르게 나타나거든…
가변적 레이아웃이 어려움
- 표를 만들면 가변적 레이아웃이 사실상 불가능…