테이블 또는 div 또는 기타에 있어야합니까?

Question

나는 테이블/div 논쟁에 연료를 넣으려고하지 않고있다.이 프로젝트에서 나는 이미 표 형식이 아닌 모든 것을 div로 사용하기로 결정했다. 지금까지 잘 작동하고있다.

저는 이름 값 쌍을 표시해야하는 곳이 하나 있습니다. 왼쪽에는 이름 (레이블)이 표시되고 오른쪽에는 값이 표시됩니다. 필연적으로 표 형식의 데이터 또는 적어도 표 형식의 데이터에 대한 생각은 아닙니다. 왜냐하면 레이블이 위쪽에 가로로 표시되고 값이 아래쪽에있는 표 형식의 데이터를 상상하기 때문입니다.

하지만 div에 이것을 표시하려고 시도했지만 문제가 있습니다. 나는 float가있는 divs가 두 개 있습니다. 각 레이블에 대해 div 가장 왼쪽 된 부모 div 내부에 있습니다. 각 값에 대해 가장 오른쪽의 부모 div 안에 해당 div가 있습니다. 일반적으로 괜찮습니다. 그러나 div 값이 비어 있으면 div는 축소되고 divs 및 div 값은 수직으로 정렬되지 않습니다. span, lul/li (list-style-type : none) 요소를 사용하는 경우와 동일합니다. 쉽게 작동하는 유일한 테이블입니다. 나는 명시 적으로 div에 hights를 설정하고 싶지 않습니다. 왜냐하면 나는 그것이 cop-out이라고 생각하고 폰트를 변경하면 필요한 높이가 바뀔 수 있기 때문입니다. "테이블 형식이 아닌 데이터에 대한 divs"접근 방식을 사용하려는 경우 표를 사용하여 자체 규칙을 위반하게됩니까?

Answer 1

이 의미는 표의 의미 상 유효한 유스 케이스처럼 들립니다. 내가 생각할 수있는 유일한 대안은 정의 목록입니다. 둘 다 키/값 쌍의 의미를 전달하는 것, 당신은뿐만 아니라 당신이

---

표이 (하나를 사용 :-) 원하는 그래픽 디자인을 얻을하는 것이 쉽게 사람과 함께 갈 수도 <th> 한 <td> 당 행)

<table> 
    <tr> 
     <th>Foo</th> 
     <td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td> 
    </tr> 
    <tr> 
     <th>Bar</th> 
     <td>Etiam varius volutpat sem sed porta.</td> 
    </tr> 
</table> 

정의 목록

<dl> 
    <dt>Foo</dt> 
    <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</dd> 
    <dt>Bar</dt> 
    <dd>Etiam varius volutpat sem sed porta.</dd> 
</dl> 

Answer 2

저는 CSS 레이아웃을 고집했으며 "이름 값 쌍"은 표의 데이터처럼 정확하게 들립니다.

Answer 3

IMHO, 나는 당신이 테이블에서 쉬울 것이라고 생각합니다. div를 명시 적으로 설정하고 싶지 않기 때문입니다.

Answer 4

당신이 가지고있는 것은 열 머리글이없는 2 열의 표 형식 데이터입니다. 테이블을 사용하십시오. :)

Answer 5

내가 따로 이벤트에 참석하는 경우

, 그러나

테이블 상기 대체 당신의 라벨이 dt (데이터 용어)은 정의 목록 것, 그리고 필드는 dd (데이터 정의)입니다 (프런트 엔드 전문가와 웹 표준 애호가), 나는 에릭 메이어 (Eric Meyer, CSS Master)가 다음을 사용하여 양식을 작성하는 것을 보았다. 다른 사람들이 말했듯이, 그것은 표 데이터로 볼 수 있습니다.

나는 그에게 물었다. 지금은 어떻게해야합니까?

그는 매우 개인적인 취향이다. 내 notes from his talk는 "책 트립"섹션 정말 테이블해야

말 - 틀림없이, 그것은 는 사용자가 채워에 데이터가 아직있는 데이터 형태입니다. 이것은 질문을 구걸, 모든 양식 테이블입니까? 에릭이 dls 이상 테이블을 사용하거나 을 사용하는 이유는 무엇입니까? 의미는 매우 주관적인 것입니다. 그는 무엇이든간에 을 통증이 없으므로 때로는 OL, DL, 때로는 테이블을 사용합니다.