2011-08-09 2 views
3

어젯밤 질문 [How can I style a list of name-value pairs to appear like an HTML table?]에 대한 의견으로이 문제를 묻고 싶습니다.이 코드는 적절한 라벨 사용법이 아닙니다. 고정 이름/변경 값 쌍을 읽기 전용 모드로 표시하려면 무엇을 사용해야합니까?이름/값 쌍을 표시하기위한 적절한 HTML 패턴은 무엇입니까?

<ol class="name-value" style="width: 100%;"> 
    <li>      
     <label for="about">Client</label> 
     <span id="about">Apartment Applied Visual Arts</span> 
    </li> 
    <li> 
     <label for="about">Report Date</label> 
     <span id="Span1">2011/08/08 16:50:10</span> 
    </li> 
    <li> 
     <label for="about">Report No.</label> 
     <span id="Span2">33251</span> 
    </li> 
</ol> 
+0

이 왜 테이블을 사용합니까? –

+1

@ 메린, 농담 해? – ProfK

+0

Nope. 테이블을 "명백하게"보일 때 질문을 탐색하는 모든 사람들이 왜 표 형식의 데이터를 목록으로 바꾸려는지 알 수 없습니다. 프론트 엔드 개발자가 아니거나 테이블 요소가 어떻게 생겼는지를 기억하지 않아도, 나는 그 그룹에 속한다. –

답변

18

나는 definition lists 사용

<dl> 
    <dt>Key</dt> 
    <dd>Value</dd> 
    <dt>Another key</dt> 
    <dd>Another value</dd> 
</dl> 
+0

소원 내가 한 번 이상 이것을 upvote 수 있습니다. 너무 많은 웹 개발자는 이것을 사용하지 않습니다! – OverZealous

+0

동의 함. 궁극적으로 좋은 대답이어야합니다. –

+0

먼저 정의 목록을 실험했지만 각 목록 항목에 대해 블록 유형 컨테이너를 얻었 기 때문에 순서 목록을 선택했습니다. 정의 목록은 표 형식으로 표시하기가 매우 어렵습니다. 너는 내 표를 가지고있다. – ProfK

관련 문제