2008-09-03 10 views
19

회사의 캘린더를 XSL로 변환하고 모든 테이블을 div로 변경했습니다. 그것은 꽤 잘 작동했지만 불안한 크로스 브라우저 간격 문제로 인해 8 일간의 많은 버그가있었습니다. 그러나 div와 div 테이블을 사용하는 시점에 관한 또 다른 게시물을 읽었으며 웹 페이지 부분 간의 실제 구분을 위해 div 만 사용해야하며 테이블 형식 데이터에 대해서만 테이블을 사용하는 것으로 보았습니다.HTML로 캘린더를 프로그래밍하는 경우 테이블 태그 또는 Div 태그를 사용합니까?

XSL로 테이블을 사용할 수도 있을지 모르겠지만 Divs와 Tables에 대한 토론을 통해 웹 캘린더와 어쩌면 두 개의 유니온을 만드는 이상적인 방법에 대해 토론하고 싶습니다.

답변

7

나는 캘린더가 테이블이라고 말하고, 따라서 테이블을 그 표현을위한 적절한 마크 업으로 만든다.

편집 : Definition 11 for "table" answers.com로부터 메시지 : 데이터가 본질적으로 직사각형 형태의 열과 행으로 배열되고, 특히 하나의 데이터

순차적 배열.

31

캘린더는 테이블을 사용하는 완벽한 이유입니다! 캘린더는 본질적으로 표 형식의 데이터를 표시하며 HTML 표는 표 형식의 데이터를 제공합니다. HTML 표 마크 업은 CSS 선택기를 테이블의 다양한 부분과 연결 시켜서 차려 입는 데 필요한 거의 모든 CSS 훅을 제공합니다.

나는 모두 레이아웃 용 DIV를 사용하지만 테이블 형식 데이터 용 테이블을 고집합니다. http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

1

테이블은 테이블 형식의 데이터를 표시하기위한 것입니다 :

다음은 CSS로 테이블을 드레스하는 방법에 대한 멋진 글입니다. 그래서 나는 <table>이 이상적이라고 말할 것입니다.

3

필자는 테이블을 사용하는 것이 분명하다고 생각합니다. div를 사용할 때 가장 큰 문제는 각 날의 상자 높이입니다. 테두리가있는 각 상자의 스타일을 지정하는 경우 하루 동안의 내용이 다른 내용보다 길면 쉽게 보일 수 있습니다. 보이는 표를 만들기위한 추가 표식은 표를 사용하여 작성하는 것보다 더 많은 것입니다. 따라서 div가이 경우에 추가로 노력할 가치가 있다고 생각하지 않습니다.

1

표를 사용하는 것이 좋지만 Google 캘린더를 살펴 보려면 div 태그를 사용하는 것 같습니다. div 태그를 사용하면 파일 크기가 줄어들 수 있으므로 엔터프라이즈 환경에서는 '문제'가 발생할 수 있습니다.

1

테이블에 넣지 마십시오.

또한 "divs vs. tables"라고 생각하지 마십시오. 테이블을 의미와 적절한 의미 태그로 생각하십시오. div를 가능한 한 적게 사용하려는 페이지를 작성하면 단락, 목록 항목 등을 사용할 수있는 경우가 많습니다.

+0

사실, 나는 일반 divs를 사용하는 것을 좋아합니다. 'class' 속성을 사용하여 그것이 어떤 종류인지 설명합니다. '목록 접근 방식'에 대한 –

1

주문 목록 (주) 목록을 고려할 수도 있습니다 (일) 또는 단순히 하나의 정렬 된 목록 (일).

the list approacha good one 인 것으로 동의하는 사람이 others입니다.

Others prefer tables.

+0

는, 그 사람은 그 코드를 사용하는 것이 결코 말했다 ... 사실 저희 사무실 달력에 대한 비슷한 일을했고 아무도 그렇게 내가 년 캘린더로 남아 좋아 한 적이와 테이블을 사용하여 한 달의 달력을 만든 . –

1

다른 곳에서 같은 질문을 제기 한 후에이 스레드를 발견했습니다.나는 완전히 달력 데이터의 표 표현의 더 동의하는 동안, 나는 진리가 답을 "이 달려있다"다작에 있다고 생각. 예를 들어, 캘린더의 각 날을 마우스로 가져갈 때 부동 DIV 팝업을 표시하려고합니다. 표를 사용하면 커서가 셀 경계에서 만 활성화되고 셀 자체에서 요일 번호가 활성화되기 때문에 커서가 달력을 따라 이동하면서 팝업이 깜박입니다. DIV를 사용하면 커서가 캘린더 셀 위로 커서를 움직일 때마다 팝업이 단색 (깜박임 현상 없음)됩니다.