비디오: Web Programming - Computer Science for Business Leaders 2016 2024
테이블은 꽤 좋습니다. HTML5를 사용하여 특정 종류의 데이터를 제공하는 훌륭한 방법입니다. and 개념을 추가하면 테이블을 사용하여 꽤 흥미로운 레이아웃을 만들 수 있습니다. 사실, 구식 HTML에는 실제로 레이아웃 기술이 없었기 때문에 많은 개발자들이 테이블을 기반으로 한 멋진 레이아웃을 만들었습니다.
레이아웃을 위해 테이블을 사용하면
-
표는 레이아웃을위한 것이 아닙니다. 표는 레이아웃이 아닌 데이터 표현을 위해 설계되었습니다. 레이아웃을 위해 테이블을 작동 시키려면 다른 테이블 안에 중첩 된 테이블이나 간격을 위해 보이지 않는 이미지와 같이 많은 비열한 해킹을해야합니다.
-
코드가 복잡해집니다. 테이블에는 많은 HTML 마크 업이 포함됩니다. 코드가 서로 중첩 된 테이블을 포함하는 경우 어떤 요소가 어떤 테이블의 행과 관련되어 있는지 기억하기가 매우 어렵습니다. 테이블 기반 레이아웃은 손으로 수정하기가 매우 어렵습니다.
-
서식 지정은 셀 단위로 수행됩니다. 웹 페이지는 수백 개의 표 셀로 구성 될 수 있습니다. 글꼴이나 색상을 변경하면 페이지 전체에서 수 백 개의 셀을 변경하는 경우가 있습니다. 이렇게하면 페이지의 유연성과 업데이트가 어려워집니다.
-
프레젠테이션은 데이터에 단단히 묶여 있습니다. 테이블 기반 레이아웃은 데이터와 그 표현을 밀접하게 연결합니다. 이는 웹 디자인의 기본 목표 인 프레젠테이션에서 데이터를 분리하는 것과 상반됩니다.
-
테이블 기반 레이아웃은 변경하기가 어렵습니다. 표를 기반으로 레이아웃을 만든 후에는 모든 표 셀이 다른 셀에 잠재적 영향을주기 때문에 수정하기가 매우 어렵습니다.
-
테이블 기반 레이아웃은 화면 판독기에 문제를 일으 킵니다. 시각 장애인은 특별한 소프트웨어를 사용하여 웹 페이지를 읽습니다. 이러한 화면 판독기는 표 형식의 데이터를 관리하기 위해 의도 한대로 표를 읽도록되어 있지만 화면 판독기는 표가 데이터 표시 도구가 아닌 레이아웃 기술로 사용되는시기를 알 수 없습니다. 따라서 테이블 기반 레이아웃은 내게 필요한 옵션 표준에 덜 적합합니다.
-
테이블 기반 레이아웃은 잘 적응하지 못합니다. 현대 사용자는 휴대 전화와 태블릿 및 데스크톱 컴퓨터에서 페이지를 실행할 것으로 기대합니다. 테이블 기반 설계는 이러한 작은 폼 팩터로 쉽게 확장되지 않습니다.
레이아웃을 위해 테이블을 사용하려는 유혹에 저항하십시오. 테이블을 사용하여 데이터를 표현할 수 있습니다. 원하는 종류의 시각적 레이아웃을 생성하는 데 사용할 수있는 CSS 기반 접근 방식은 더 쉽고, 더 신뢰할 수 있으며 훨씬 유연합니다.