XHTML의 레이아웃이 아닌 데이터 용 테이블 사용
테이블 형식 데이터는 단순히 테이블에 포함 된 데이터입니다. HTML 에서는 테이블 셀에있는 내용, 즉
그러나 테이블을 사용하면 데이터를 표시 할 수 있습니다.
W3C에 따르면 :
"HTML 테이블 모델을 사용하여 작성자는 데이터 텍스트, 서식있는 텍스트, 이미지, 링크, 양식, 양식 필드, 기타 테이블 등을 셀의 행과 열로 정렬 할 수 있습니다."
출처 : HTML 4 사양의 표 소개.
그 정의의 핵심 단어는 데이터 입니다. 웹 디자인의 역사 초기에 테이블은 웹 페이지 콘텐츠가 나타나는 방식 및 위치를 레이아웃하고 제어하는 데 도움이되는 도구로 채택되었습니다. 이로 인해 브라우저가 테이블을 처리하는 방법에 따라 다른 브라우저에서 제대로 표시되지 않을 수 있으므로 항상 세련된 디자인이 아니 었습니다.
그러나 웹 디자인이 발전하면서 CSS (Cascading Style Sheet) 의 출현으로 테이블을 사용하여 페이지 디자인 요소를 엄하게 관리해야 할 필요성이 줄어 들었습니다. 표 모델은 웹 작성자가 웹 페이지의 레이아웃을 조작하거나 셀, 테두리 또는 배경 색상 으로 표시하는 방법을 변경하는 방법으로 개발되지 않았습니다.
표를 사용하여 콘텐츠를 표시하는 경우
페이지에 배치하려는 컨텐트가 스프레드 시트에서 관리되거나 추적 될 것으로 예상되는 정보라면 해당 컨텐트는 웹 페이지의 표에있는 프레젠테이션에 적합합니다.
헤더 필드가 데이터 열의 맨 위에 또는 데이터 행의 왼쪽에있는 경우 테이블 형식이어야하며 테이블을 사용해야합니다.
콘텐츠가 데이터베이스, 특히 매우 단순한 데이터베이스에서 의미가 있고 데이터를 표시하고 예쁘게 만들지 않으려는 경우 테이블을 사용할 수 있습니다.
테이블을 사용하여 내용을 표시하지 않을 때
목적이 데이터 컨텐츠 자체를 전달하는 것이 아닌 상황에서 테이블을 사용하지 마십시오.
다음 경우에 테이블을 사용하지 마십시오.
- 표의 주요 목적은 내용을 페이지에 배치하는 것입니다. 예를 들어 이미지 주위에 공백을 추가하거나, 글 머리 기호 아이콘을 목록에 배치하거나, 텍스트 블록이 끌어 당기기 인용구처럼 작동하도록 할 수 있습니다.
- 배경색이나 이미지를 사용하여 데이터를 호출하는 대신 페이지를 보완하기를 원할 것입니다. 예를 들어, 테이블의 다른 모든 행을 강조 표시하는 것은 좋지만, 페이지의 배경과 일치시키기 때문에 오른쪽 위의 셀만 변경하면되지 않습니다.
- 이미지를 자른 다음 테이블을 사용하여 이미지 조각을 다시 페이지에 배치합니다. 이것은 몇 년 전에는 매우 일반적 이었지만 더 이상 옳은 것으로 간주되지 않습니다.
표를 두려워하지 마라.
매우 독창적 인 표 형식의 표를 사용하는 웹 페이지를 만들 수 있습니다. 표는 XHTML 사양의 중요한 부분이며 표 형식의 데이터를 잘 표시하는 것은 웹 페이지를 만드는 중요한 부분입니다.