..

Search

headers

headers

<th> 태그의 headers 속성


HTML <th> 태그 ⇒


정의 및 특징

<th> 태그의 headers 속성은 해당 헤더 셀과 연관된 하나 이상의 헤더 셀(header cell)을 명시합니다.

 

일반 웹 브라우저에서는 <th> 요소에 headers 속성을 명시해도 시각적으로 어떠한 효과도 보여주지 않지만, 스크린 리더기와 같은 장치에서는 유용하게 사용됩니다.


문법

<th headers="header id">


속성값

속성값   설명

header id

 

해당 헤더 셀과 연관된 헤더 셀(header cell)들의 id 속성값을 공백으로 구분한 리스트


예제
<table>
    <tr>
        <th id="name" colspan="2">성명</th>
        <th id="phone" rowspan="2">전화번호</th>
        <th id="email" rowspan="2">이메일</th>
        <th id="address" rowspan="2">주소</th>
    </tr>
    <tr>
        <th headers="firstName">성</th>
        <th headers="secondName">이름</th>
    </tr>
    <tr>
        <td>홍</td>
        <td>길동</td>
        <td>010-1234-5678</td>        
        <td>gildong@example.com</td>
        <td>서울시 강남구 역삼동</td>
    </tr>
</table>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

headers 1.0 지원함 지원함 1.0 지원함 지원함

연습문제