Datalist는 테이블처럼 표시되었습니다

Question

이 레이아웃을 어떻게 달성 할 수 있습니까?Alt Text http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg (이제 테이블로 완료되었습니다) 여전히 의미 론적 마크 업이 있습니다. 가장 적합한 태그는 DL 일 것입니다. 모든 셀은 행의 높이를 가져야합니다.

편집 : 왼쪽 열에는 설명과 오른쪽 데이터가 포함되어 있습니다. 그래서 나는 이것이 테이블에 적합하다고 생각하지 않습니다. 설명을 테이블 헤드로 옮기면 2000 px 너비가 필요합니다.

Answer 1

시맨틱에 대해 걱정하고 이것이 정의 목록이 더 적합한 이유라고 생각한다면 이것을 읽으십시오. 공식 문서 정의 목록 정보.

그것은 말한다 :

DL 요소를 사용하여 생성 된 정의 목록은 일반적으로 일련의 용어/정의 쌍으로 구성됩니다 (정의 목록에는 다른 응용 프로그램이있을 수 있지만)

그리고

정의 목록은 해당 목록의 다른 유형의 목록과 약간 다릅니다. 항목은 용어와 설명의 두 부분으로 구성됩니다.

그것은 용어를 의미합니다 (예 : Anrede)은 설명으로 설명/정의됩니다 (예 : Herr). 우리는 여기서 논쟁 할 수 있지만 Herr 실제로 설명이 아닙니다 Anrede 당신이 사용할 수있는 하나의 가능한 값/단어 (데이터)입니다. Anrede. 그리고 정의가 될 것입니다

성별, 졸업 등에 따라 사람을 해결하는 방법.

BTW 모든 비 독일어 연사의 경우 Anrede는 인사말을 의미합니다.

물론 예외가 있지만 의미 론적 관점에서 테이블이 더 잘 맞습니다.

---

내가 말하고 싶은 것은 다음과 같은 것입니다. DL 태그와 CSS로 동일하게 보이게하는 것은 노력의 가치가 없습니다. 데이터에 테이블을 사용하는 것은 괜찮습니다.

Answer 2

표준 정보라면 테이블이 최고가 아닙니다. 뿐 그것을 표시하는 현명한 방법 - 그것이 테이블을 위해 만들어진 것입니다!

그것에 대해 좀 더 공식적으로하기 위해, 데이터의 의미론은 실제로 표식입니다. 세상에는 그것에 대해 거짓말을 할 이유가 없습니다.

Answer 3

나는 a를 사용할 것이다 <dl>, 단지 2 열이기 때문에.