표 콘텐츠 - TH

‘머리글 칸’을 지정

속성	의미	값	기본값
abbr	열에 대한 간단한 설명
headers	관련된 하나 이상의 다른 머리글 칸 id 속성 값
colspan	확장하려는(병합) 열의 수		1
rowspan	확장하려는(병합) 행의 수		1
scope	자신이 누구의 '머리글 칸'인지 명시	col : 자신의 열 colgroup : 모든 열 row : 자신의 행 rowgroup : 모든 행 auto	auto

 

cf. 소스코드를 짤때 id는 고유한 성질을 가지고 있기 때문에 너무 흔한이름말고 고유한 단어를 이용하는 것이 좋다. 예를들어서 data 이렇게 쓰는것보다 th-data이런식으로 쓰는것이 좋다.

    <table>
        <tr>
            <th colspan = "2" id = "th-data">데이터</th> <!--병합 및 확장-->
        </tr>
        <tr>
            <th abbr = "Type" scope = "col" headers = "th-data">타입</td> <!--아이디값을 headers에 넣으면 "타입"은 "데이터"에 종속되어있다는 뜻이다.-->
            <th abbr = "Value" scope = "col" headers = "th-data">값</td> <!--아이디값을 headers에 넣으면 "값"은 "데이터"에 종속되어있다는 뜻이다.-->
        </tr>
        <tr>
            <td>알파벳</td>
            <td>A</td>
        </tr>
        <tr>
            <td>숫자</td>
            <td>7</td>
        </tr>
    </table>

 

테이블은 반드시 표를 만드는 목적으로 한다. 그외의 레이아웃을 만든다는 목적이나 다른것을 사용하지 말아야한다.