2013-07-29 3 views
1

좋아요, 그래서 우리 모두는 포맷을 위해 테이블을 사용하지 않아도된다는 것을 알고 있습니다. 우리는 div와 CSS를 사용해야합니다. 테이블은 표 형식 데이터 용입니다. 그러나 표 형식의 데이터 란 무엇입니까?표 형식 데이터가 표 형식 데이터가 아닌 경우

모델 지형을 만드는 사람들을위한 포럼을 운영합니다.

홈 페이지에는 머리글, 바닥 글, 왼쪽에 메뉴 및 내용을위한 공간이 있습니다. 이들은 div와 CSS에 의해 모두 정의됩니다 ... 꼭 그래야합니다. :-)

그러나 홈페이지의 콘텐츠는 포럼 제목, 주제 수, 마지막 게시물 날짜의 목록입니다. 표 형식의 데이터 메타 링크?

포럼을 클릭하면 주제 제목, 게시물 수, 마지막 게시물 날짜 등의 주제 목록이 포함 된 페이지가 표시됩니다. 더 많은 표 형식의 데이터?

주제를 클릭하면 내용이 효과적으로 두 개의 열로 나뉘는 페이지가 있습니다. 첫 번째는 포스터 이름, 아바타, 포스터 순위 등을 포함하고 두 번째 열은 게시물 자체를 포함합니다. 또한 게시물을 인용하고, 학대로 게시물을 신고하는 버튼이 포함 된 "행"이 있습니다.

나는 언뜻보기에 대부분의 사람들이 처음 두 개를 표 데이터로 정의 할 것입니다. 세 번째 ... 흠 ... 의견이 나뉘어 질 수 있다고 생각하니?

내 포럼 소프트웨어는 phpBB를 크게 수정 한 형태입니다. 사실 코드가 phpBB로 간신히 인식 될 수 있도록 수정되었습니다. 필자가 알고있는 한, phpBB와 필자가 보았던 거의 모든 게시판 소프트웨어는이 테이블을 사용하기 때문에 언급합니다. 따라서 내 사이트에서 설명한 세 가지 페이지 유형 모두에 대한 표를 사용한다는 사실은 내가 한 결정과는 달리 원래의 phpBB 코드에서 상속됩니다.

대부분의 전자 상거래 소프트웨어 (다른 사이트에서 사용하는 광산 포함)는 테이블을 사용하여 카탈로그 페이지의 제품 목록을 "형식화"합니다. "큰 소년들"이 이런 일을하고있는 것을 지켜보고 Amazon이 eBay에서 '여전히'테이블을 사용하는 동안 제품 목록에 div를 사용하는 것으로 나타났습니다.

우수 사례로 간주되는 것에 대한 정보를 웹에서 잘 살펴 봤으며 표는 표 형식 데이터가 아닌 형식으로 만 사용해야한다는 의견이 있지만 아직까지는 " 표 형식의 데이터 란 무엇이며 구체적으로 : 어떤 시점에서 표 형식의 데이터는 div로 포맷해야하는 콘텐츠가됩니다.

비슷한 메모 : 로그인 화면과 같은 입력 양식은 CSS로 서식을 지정해야한다는 합의가있는 것으로 보입니다 (테이블을 사용하는 것이 더 쉬운 사이트이지만). 두 개의 제목 (사용자 이름과 암호 용)과 입력 필드 몇 개가있는 양식이 표 형식이 아닌 데이터라는 것은 이상한 것 같습니다. 그럼에도 불구하고 우리가 그 정보를 검색하고 표시하기위한 화면을 설계한다면 ... 그렇다면 표 형식의 데이터가 될 것입니까? 그리고 그렇지 않다면 도대체 무슨 테이블 데이터인가? ;-)

문장의 마지막 몇 개에도 불구하고, 이것은 심각한 질문이며, 나는 다른 프로그래머가 테이블 데이터가 무엇인지, 무엇이 아닌지에 관해서 어디에서 그려야하는지 알고 싶습니다.

+1

나는 표의 데이터가 상단 행이나 왼쪽 열에 표제가 있고 그 행/열 내의 해당 데이터가 표제와 관련되어 있다고 가정합니다. – Pete

+0

테이블은 그렇다면 여기에 주제가 없습니다. 프로그래밍 개념이 아닙니다. – BoltClock

+0

@Pete : W3C에서 Nick이 "열 머리글이 필요합니까?"라는 링크를주었습니다. 꽤 좋은 지표입니다. –

답변

2

이 정보는 유용 할 것입니다 : W3C definition of tabular data.

테이블 사용 방법은 궁극적으로 귀하에게 달려 있습니다. 그러나 w3c 표준을 준수하려면 테이블에 사용자가 데이터를 이해하도록 지원해야합니다.

접근성 측면에서 생각해보십시오. 스크린 리더를 사용하는 사람이 귀하의 테이블을 만난 경우, 테이블을 통해 데이터를 이해하거나 더 혼란스럽게 할 수 있습니까?

요약 속성이 없거나 thad 또는 thead/tfoot 요소가없는 테이블은 사용자를 혼동시킬 수 있습니다.

모든 종류의 스크립트를 포함하는 테이블은 사용자를 혼동시킬 수 있습니다.

이해하기 위해 시각적으로 형식화해야하는 콘텐츠가있는 요소는 사용자를 혼동시킬 수 있습니다.

데이터 집합이 표 형식 데이터인지 여부가 확실하지 않은 경우 표 형식 데이터가 아닐 수도 있습니다. 표준에보다 접근 가능하고보다 잘 준수하는 콘텐츠를 포맷하는 다른 방법이 있습니다.

+0

링크를 제공해 주셔서 감사합니다. 다소 흥미로 우며 (생각할 필요가 있다는 의미에서) 매우 흥미 롭습니다. :-) 주요 점은 다음과 같습니다. a) 테이블은 2 차원 데이터 용입니다. b) 셀 주위에 열 머리글과 테두리가 필요하다는 것은 데이터가 표 형식임을 나타내는 좋은 지표입니다. 다음은 내 사례를 통해 "게시판의 포럼"및 "포럼의 주제"에 대한 내 표시가 표 형식이고 "주제의 게시물"표시는 표 형식의 데이터가 아니라고 결론지었습니다. –

+0

인용 된 W3C 문서는 * 표 * 데이터를 정의하지 않습니다. * 표현식을 사용하고 테이블 형식 데이터에만'table' 요소를 사용하라고 지시하지만 표 형식 데이터를 구성하는 요소는 지정하지 않습니다. –

+0

@AndySlater : 문제 없습니다. – Nick