다음과 유사한 목록 목록을 상상해보십시오.
var list = [
{ name: 'group1',
items: [ 1, 2, 3, 4, 5 ]
},
{ name: 'group2',
items: [ 1, 2, 3, 4, 5 ]
},
etc...
]
이제 인수를 "데이터에 대한 설계되지 않은 테이블"전체를 잊고, 나는에 대해 하나의 테이블을 표시하고 싶어 list하고 별도의 가지고 <thead>와 <tbody>의 각 항목에 대해를 list.
기술적으로 유효합니까? 이것은 브라우저에서 작동하지만 내 거미 감각이 이것에 쑤시고 있습니다 .
<thead>및 <tfooter>요소,하지 <tbody>. 그것들은 동일하지 않으며 별도의 규칙에 의해 지시됩니다.
thead 요소를 원한다는 것을 놓쳤다 . 나는 투표를 철회했다.
답변:
원하는만큼의 <tbody>요소를 가질 수 있지만 각 <thead>및 <tfoot>. 참조 :
콘텐츠 모델 :
이 순서대로 : 선택적으로 캡션 요소, 0 개 이상의 colgroup 요소, 선택적으로 thead 요소, 0 개 이상의 tbody 요소 또는 하나 이상의 tr 요소, 선택적으로 tfoot 요소 , 선택적으로 하나와 혼합 됨 또는 더 많은 스크립트 지원 요소.
하나 thead와 하나만 tfoot 허용 되므로 추가 헤더를 만들면 안됩니다. 모든 thin a thead는 "시간", "온도", "현재 불타고있는 고양이 수"와 같은 열에 의미를 부여합니다.
목록의 항목이 관련되어있는 경우 모두 동일한 테이블에 있어야하며 해당 관계를 표시하기 위해 적합한 헤더를 제공해야합니다.
항목이 실제로 관련이없는 경우 모든 항목에 대해 단일 테이블을 제공해야합니다. 좋은 결과를 얻기 위해 모든 테이블에 동일한 CSS를 적용 할 수 있습니다.
나는 그것이 id속성 과 같다고 생각 합니다. 고유해야하지만 실제로 동일한 페이지에서 다시 사용할 수 있으며 여전히 선택할 수 있습니다. 즉, 할 수 있다고해서 반드시해야하는 것은 아닙니다.
나는 그것에 반대하는 것이 좋습니다.
<tbody>없지만 사양에 따라 하나 <thead>와 하나만 있을 수 있습니다 <tfoot>.