<caption>: 표 설명 요소

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.

HTML <caption> 요소는 표의 설명 또는 제목을 나타냅니다.

시도해보기

콘텐츠 카테고리 없음
가능한 콘텐츠 플로우 콘텐츠.
태그 생략 바로 뒤에 스페이스나 주석이 오지 않으면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소 <table> 요소. 첫 번째 자식이어야 합니다.
가능한 ARIA 역할 없음
DOM 인터페이스 HTMLTableCaptionElement

특성

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

Deprecated attributes

The following attributes are deprecated and should not be used. They are documented below for reference when updating existing code and for historical interest only.

align 지원이 중단되었습니다

This enumerated attribute indicates how the caption must be aligned with respect to the table. It may have one of the following values:

left

The caption is displayed to the left of the table.

top

The caption is displayed above the table.

The caption is displayed to the right of the table.

bottom

The caption is displayed below the table.

경고: Do not use this attribute, as it has been deprecated. The <caption> element should be styled using the CSS properties caption-side and text-align.

사용 일람

<caption> 요소는 부모 <table> 요소의 첫 번째 자식이어야 합니다.

<caption> 요소를 가진 <table> 요소가 만약 <figure> 요소의 유일한 자식인 경우, <figcaption>을 대신 사용하세요.

예제

다음의 간단한 예제는 설명을 포함한 표를 보입니다.

html
<table>
  <caption>
    Example Caption
  </caption>
  <tr>
    <th>Login</th>
    <th>Email</th>
  </tr>
  <tr>
    <td>user1</td>
    <td>user1@sample.com</td>
  </tr>
  <tr>
    <td>user2</td>
    <td>user2@sample.com</td>
  </tr>
</table>

명세

Specification
HTML Standard
# the-caption-element

브라우저 호환성

BCD tables only load in the browser