2009-12-13 4 views
0

alt text http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (지금은 테이블로 완료)이 레이아웃을 달성 할 수 있고 여전히 의미 론적 마크 업이 있습니다.이 경우 가장 적합한 태그는 dl이 될 것입니다. 모든 셀에는 행의 높이가 있어야합니다.데이터 표가 테이블처럼 표시

편집 : 왼쪽 열에 설명과 오른쪽 데이터가 포함되어 있습니다. 그래서 나는 이것이 테이블에 적합하다고 생각하지 않습니다. 나는 테이블의 머리에 대한 설명을 이동한다면 그것은 것입니다, 그러나 그것은 걸릴 2000 픽셀 폭

+2

테이블 사용에 문제가 있습니까? 내게 테이블 데이터처럼 보입니다. –

+0

이 경우 "lang"의 올바른 위치는 "lange"입니다. –

+0

나는 당신의 걱정을 어떻게 든 이해할 수 있지만, 왼쪽의 헤더가있는 즐겨 찾는 스프레드 시트 응용 프로그램에서 테이블을 만든 적이 없었습니까? 측면? Btw. HTML DL 태그는'data list'가 아닌'definition list'의 약자입니다. 그리고 제 생각에는 정의가 다소 정적 인 것입니다. 그러나 귀하의 데이터는 사용자마다 다릅니다.그러나 그것은 더 의미 론적 철학입니다.) –

답변

1

의미 론적 의미에 대해 우려하고 이것이 정의 목록이 더 적합한 이유라고 생각하면 정의 목록에 대해 official document을 읽어보십시오.

은 말한다

정의리스트 (정의리스트는 다른 애플리케이션을 가질 수있다)라는 용어/정의 쌍의 시리즈

를 구성 일반적으로, DL 소자를 사용하여 만든

정의 목록은 다른 유형의 목록과 약간 다르지만 목록 항목은 용어와 설명의 두 부분으로 구성됩니다. 용어 (예컨대 Anrede)을 의미

그것의 설명 (예컨대 Herr )에 의해 정의/설명한다. 우리는 여기에서 논할 수 있지만, Herr은 실제로 Anrede에 대한 설명이 아니며 Anrede으로 사용할 수있는 더 많은 가능한 값/단어 (데이터)입니다. 그리고 정의,

사람을 해결하기위한 방법이 아닌 모든 독일어 스피커

, BTW 졸업 등의 성별에 따라 것 Anrede은 인사말을 의미한다.

물론 예외가 있지만 의미 론적 관점에서 볼 때 표가 더 적합합니다.


나는 다음과 같이 말하고 싶습니다. DL 태그와 CSS를 동일하게 보이게하는 것은 그만한 가치가 없습니다. 데이터에 테이블을 사용하는 것이 좋습니다.

1

이 표 정보의 경우, 테이블은, 그것을 표시 합리적인 방법이 최선 아니다 - 그건 어떤 테이블을 만들었습니까!

좀 더 공식적으로 보자면 데이터의 의미는 실제로 표 형식이므로 세상에 거짓말 할 이유가 없습니다.

+1

매우 귀찮은 CSS 순수한 열렬한 열렬한 군중들이 테이블에 대한 두려움을 사람들의 마음 속에 쏟아 부 었으므로 표 형식의 데이터에 대해서도 사용하기를 주저합니다! * –

+0

전혀 아닐지도 모르겠지만 어쩌면 나는 분명히 설명되지 않았다 : 왼쪽 열에는 설명과 오른쪽 데이터가 포함되어있다. 그래서 나는 이것이 테이블에 적합하다고 생각하지 않습니다. 그것은 내가 머리 부분에 설명을 이동하는 것이지만, 그것은 2000 px 너비가 걸릴 것입니다 – antpaw

+0

헤더가있는 테이블은 여전히 ​​테이블입니다. 열 머리글과 행 머리글이 있습니다. 귀하의 설명은 행 헤더입니다. 나는 아직도 당신이 아닌 문제를보고 있다고 생각합니다. –

1

단지 2 열이므로 <dl>을 사용합니다.

+0

그렇습니다. 문제가 시작되는 곳입니다! 모든 셀에는 행의 높이가 있어야합니다. – antpaw

+0

"표준"DL 레이아웃에 헤더의 다음 줄에 항목이 있고 때로는 겹치기 때문에 항의 할 것입니다. 물론 CSS를 사용하면 멋지게 꾸밀 수 있습니다. –