HTML 표에 행의 셀 수가 가변적입니까?

Question

또는 총 셀 수는 columns * rows과 같아야합니까?

다른 행에있는 셀의 양이 다른 표가 W3 유효성 검사기를 통과 한 것처럼 보입니다.

Answer 1

이는 정의를 위반하지 않습니다. 하지만 당신은 전체 행에 열을 확장 colspan 속성을 사용한다 :

<table> 
    <tr> 
    <td>Row with</td> 
    <td>2 cols</td> 
    </tr> 
    <tr> 
    <td colspan="2">Row with only one col</td> 
    </tr> 
</table> 

당신이 세포 주위에 경계선이있는 경우도 도움이됩니다.

당신은 두 개의 행으로 확장 열이있는 테이블을 가질 수 있습니다 : 예, 할 수

<table> 
    <tr> 
    <td rowspan="2">First column in row 1 and row 2</td> 
    <td>Second column in row 1</td> 
    </tr> 
    <tr> 
    <td>second column in row 2</td> 
    </tr> 
</table> 

Answer 2

colspan을 사용할 수 있지만 colspan 값을 포함한 합계가 테이블이 제대로 렌더링되도록 동일해야합니다.

<table> 
    <tr> 
    <td colspan="2">blah</td> 
    </tr> 
    <tr> 
    <td>blah</td> 
    <td>boo</td> 
    </tr> 
</table> 

번째 행은 두 개의 셀을 갖고,이 완벽 유효 첫 번째 행은 하나 개의 셀을 가지고 있지만 때문에 colspan 2 셀에 걸쳐있다.

Answer 3

합니다.table > tr > td에는 td에 내용이 들어 있습니다. 여기 Td 참조 : http://www.htmlcodetutorial.com/tables/_TD.html. 이 참조에서 TD에는 colspan 및 행 스팬의 두 가지 속성이 있음을 알 수 있습니다. 이 두 속성을 사용하여 테이블은 다른 행에 다른 양의 셀을 가질 수 있습니다.
데모 :

<table border="1"> 
    <tr> 
      <td>a</td> 
      <td>b</td> 
    </tr> 
    <tr> 
      <td colspan="2">c</td> 
    </tr> 
</table> 

그리고

<table border="1"> 
    <tr> 
      <td rowspan="2">a</td> 
      <td>b</td> 
    </tr> 
    <tr> 
      <td>c</td> 
    </tr> 
</table> 

Answer 4

예, HTML 테이블을 만들어 행의 일부에 <td> 요소를 생략,하지만 당신은 할 수 없기 때문에이 나쁜 형태로 간주됩니다 수 있습니다 HTML 렌더러 (브라우저)가이 상황을 어떻게 처리 할 것인지 확인하십시오. 브라우저마다 약간 다르게 표현 될 수 있습니다.

행당 표시되는 셀의 수가 다른 표를 정의하는 권장 방법은 colspan을 사용하여 둘 이상의 인접한 셀을 하나로 결합하는 것입니다. 이렇게하면 가장 오른쪽에있는 셀을 정확한 열로 정렬하고 HTML 렌더러에서 수행 할 항목에 대한 모호성을 제거 할 수 있습니다.

Answer 5

당신은 사용 :

<table> 
<thead> 
    <th>Column one</th> 
    <th>Column two</th> 
    <th>Column three</th> 
</thead> 
<tbody> 
    <tr> 
     <td rowspan="2">A large cell</td> 
     <td>Another small cell0</td> 
     <td>Another small cell0</td> 
    </tr> 
    <tr> 
     <td>Another small cell1</td> 
     <td>Another small cell1</td> 
    </tr> 
</tbody>