HTML <th>
요소 는 표의 헤더를 구성하는 칸을 정의합니다.
< table >
< caption > 우리 매장 원산지 표기 </ caption >
< thead >
< tr >
< th > 종류 </ th >
< th > 품목 </ th >
< th > 원산지 </ th >
</ tr >
</ thead >
< tbody >
< tr >
< th rowspan = "3" > 과일 </ th >
< td > 사과 </ td >
< td rowspan = "2" > 국산 </ td >
</ tr >
< tr >
< td > 배 </ td >
</ tr >
< tr >
< td > 파인애플 </ td >
< td > 수입산 </ td >
</ tr >
< tr >
< th > 곡물 </ th >
< td > 쌀 </ td >
< td > 국산 </ td >
</ tr >
< tr >
< th > 해산물 </ th >
< td > 고등어 </ td >
< td > 원양산 </ td >
</ tr >
</ tbody >
</ table >
th ,
td {
border : 1 px solid # 777 ;
padding : 8 px ;
}
th {
background : # efefef ;
color : # 333 ;
}
특성
전역 특성 을 포함합니다.
abbr
이 칸의 콘텐츠를 짧게 축약한 설명입니다. 스크린 리더를 포함한 일부 사용자 에이전트는 콘텐츠를 표현하기 전에 이 값을 먼저 읽습니다.
colspan
이 칸이 차지해야 하는 열의 수입니다. 기본 값은 1입니다. 자연수가 아니거나 1000을 초과하는 값은 유효하지 않으며 기본 값(1)을 대신 사용합니다.
이 칸을 설명하는 다른 <th>
요소들의 id
를 가리키는 쉼표 구분 리스트입니다.
rowspan
이 칸이 차지해야 하는 행의 수입니다. 기본 값은 1입니다. 0을 지정할 경우 자신이 속한 테이블 구획(<thead>
, <tbody>
, <tfoot>
, 암시적으로 생성되는 경우도 포함)의 끝까지 확장됩니다. 65534를 초과하는 값을 지정하면 65534를 대신 사용합니다.
scope
이 헤더가 어느 범위의 칸을 설명하는지 지정하는 열거형 특성입니다. 다음 값 중 하나를 사용합니다.
row
: 이 헤더가 속하는 행의 모든 칸을 설명합니다.
col
: 이 헤더가 속하는 열의 모든 칸을 설명합니다.
rowgroup
: 이 헤더는 행 그룹에 속하며, 그 그룹에 속한 다른 칸들을 설명합니다. <table>
의 dir
특성 에 따라서 헤더를 다른 칸들의 왼쪽이나 오른쪽에 배치할 수 있습니다.
colgroup
: 이 헤더는 열 그룹에 속하며, 그 그룹에 속한 다른 칸들을 설명합니다.
scope
특성을 지정하지 않았거나 유효하지 않은 값을 사용한 경우, 이 헤더가 설명할 칸의 범위를 브라우저가 자동으로 판단합니다.
명세
HTML Standard
브라우저 호환성
MDN browser-compat-data
데스크톱 모바일 iOS Android Safari Chrome Firefox Safari Chrome Firefox Samsung
Internet th
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 abbr
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 align
지원 3특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 2특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 axis
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 bgcolor
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 char
지원 ≤4특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 미지원 -특이사항 있음. 세부사항 열기/닫기 지원 ≤3.2특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 미지원 -특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 charoff
지원 ≤4특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 ≤3.2특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 colspan
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 headers
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 rowspan
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 rowspan
attribute with value 0
(extend to the end of the row group)미지원 -특이사항 있음. 세부사항 열기/닫기 미지원 -특이사항 있음. 세부사항 열기/닫기 지원 ≤55특이사항 있음. 세부사항 열기/닫기 미지원 -특이사항 있음. 세부사항 열기/닫기 미지원 -특이사항 있음. 세부사항 열기/닫기 지원 ≤55특이사항 있음. 세부사항 열기/닫기 미지원 -특이사항 있음. 세부사항 열기/닫기 scope
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 valign
지원 3특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 2특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기 width
지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 1특이사항 있음. 세부사항 열기/닫기 지원 18특이사항 있음. 세부사항 열기/닫기 지원 4특이사항 있음. 세부사항 열기/닫기 지원 1.0특이사항 있음. 세부사항 열기/닫기
같이 보기