<thead>: 표 머릿글 요소

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<thead> HTML 요소는 테이블의 열의 머리글인 행들의 집합입니다.

시도해보기

콘텐츠 카테고리 없음.
가능한 콘텐츠 0개 이상의 <tr> 요소.
태그 생략 여는 태그는 필수입니다. <thead> 요소 뒤에 <tbody> 또는 <tfoot> 요소가 바로 이어지는 경우에는 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소 <table> 요소. <thead> 요소는 무조건 <caption> 또는 <colgroup> 요소 뒤에 (암시적으로 정의된 경우에도) 위치해야 하지만, <tbody>, <tfoot><tr> 요소의 앞에 위치해야 합니다.
암시적 ARIA 역할 rowgroup
가능한 ARIA 역할 모두
DOM 인터페이스 HTMLTableSectionElement

특성

이 요소는 전역 특성만 포함합니다.

더 이상 사용하지 않는 특성

align 지원이 중단되었습니다

아래에 나열된 속성들은 각 셀 컨텐츠의 수평 정렬 방법을 지정합니다. 가능한 값:

  • left, 컨텐츠를 셀의 왼쪽으로 정렬합니다.
  • center, 컨텐츠를 셀의 가운데로 정렬합니다.
  • right, 컨텐츠를 셀의 오른쪽으로 정렬합니다.
  • justify, 컨텐츠가 셀의 양쪽으로 정렬되도록 텍스트 컨텐츠에 공백을 삽입합니다.
  • char, charcharoff 특성에 의해 정해지는 최소 오프셋을 가진 특수 문자에 대해 텍스트 컨텐츠를 정렬합니다.

만약 값이 따로 할당되어 있지 않다면 left 가 기본값으로 지정됩니다.

주의: 이 속성은 최신 표준에서는 사용되지 않으며 지원되지 않으므로 사용하지 마십시오.

  • left, center, right 또는 justify 값과 같은 효과를 내고 싶다면, CSS text-align 속성을 적용하세요.
  • char 값과 같은 효과를 내고 싶다면, CSS3에서 text-align 속성의 값으로 char의 값을 사용할 수 있습니다.
bgcolor 비표준

이 특성은 열의 각 셀의 배경색을 정의합니다. 앞에 '#'을 붙인 sRGB 6자리 16진수 코드입니다. 미리 정의된 16개의 색상 문자열을 사용할 수도 있습니다.

  • black = "#000000"
  • green = "#008000"
  • silver = "#C0C0C0"
  • lime = "#00FF00"
  • gray = "#808080"
  • olive = "#808000"
  • white = "#FFFFFF"
  • yellow = "#FFFF00"
  • maroon = "#800000"
  • navy = "#000080"
  • red = "#FF0000"
  • blue = "#0000FF"
  • purple = "#800080"
  • teal = "#008080"
  • fuchsia = "#FF00FF"
  • aqua = "#00FFFF"

참고 : 이 특성은 표준이 아니며, Microsoft Internet Explorer의 몇몇 버전에서만 구현되므로 사용하지 마십시오. <thead> 요소에 스타일을 적용하려면 CSS를 사용해야 합니다. bgcolor 특성과 비슷한 효과를 내고 싶다면, 관련된 <td> 또는 <th> 요소에 CSS background-color 속성을 사용하세요.

char 지원이 중단되었습니다

이 특성은 열의 셀을 정렬할 문자를 설정하는 데 사용됩니다. 숫자 또는 통화 값을 정렬할 때에는 일반적으로 마침표(.)가 포함됩니다. 만약 alignchar로 설정되어 있지 않으면, 이 특성은 무시됩니다.

참고 : 이 특성은 최신 표준에서는 사용되지 않으며 지원되지 않으므로 사용하지 마십시오. char와 같은 효과를 내고 싶다면, CSS3에서 char 특성을 text-align 속성의 값으로 하여 문자 집합을 사용할 수 있습니다.

charoff 지원이 중단되었습니다

이 특성은 char 특성으로 지정된 정렬 문자에서 열 데이터를 오프셋할 문자의 수를 나타내는 데 사용됩니다.

주의: 이 특성은 최신 표준에서는 사용되지 않으며 지원되지 않으므로 사용하지 마십시오.

valign 지원이 중단되었습니다

이 특성은 표 머리글의 각 행 내에 있는 텍스트의 수직 정렬 방식을 지정합니다. 이 특성에 사용 가능한 값:

  • baseline, 텍스트를 가능한 셀의 하단에 가깝게, 하지만 텍스트의 baseline에 맞춰 배치합니다. 만약 문자들의 크기가 모두 같다면, 이것은 bottom과 같은 효과를 가집니다.
  • bottom, 텍스트를 가능한 한 셀의 하단에 가깝게 배치합니다.
  • middle, 텍스트를 셀의 가운데에 배치합니다.
  • top, 텍스트를 가능한 한 셀의 상단에 가깝게 배치합니다.

참고 : 이 특성은 최신 표준에서는 사용되지 않으며 지원되지 않으므로 사용하지 마십시오. 대신 CSS의 vertical-align 속성을 적용하세요.

예제

<thead>에 대한 예제는 <table>을 참고해 주세요.

명세

Specification
HTML
# the-thead-element

브라우저 호환성

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
thead
align
Deprecated
bgcolor
Deprecated
char
Deprecated
charoff
Deprecated
valign
Deprecated

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Deprecated. Not for use in new websites.
See implementation notes.

같이 보기

  • 테이블과 관련된 다른 HTML 요소들: <caption>, <col>, <colgroup>, <table>, <tbody>, <td>, <tfoot>, <th>, <tr>.

  • <thead> 요소에 스타일을 지정할 때 특히 유용할 CSS 속성과 가상 클래스들:

    • 각 열의 셀들을 정렬할 때 사용하는 :nth-child 가상 클래스.
    • '.'같은 동일한 문자에 모든 셀 내용을 정렬할 때 사용하는 text-align 속성.