..

Search

headers

headers

<td> 태그의 headers 속성


HTML <td> 태그 ⇒


정의 및 특징

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

 

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


문법

<td headers="header id">


속성값

속성값   설명

header id

 

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


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

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

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

연습문제