<캡션>


HTML <caption> 태그

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<table border="1">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>0</td>
  </tr>
  <tr>
    <td>February</td>
    <td></td>
  </tr>
</table>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

브라우저 지원

1000.png

모든 주요 브라우저 <caption> 태그를 지원합니다.

라벨 정의 및 사용 지침

<caption> 라벨은 테이블의 제목을 정의합니다.

<caption> 태그는 <table> 태그 바로 뒤에 배치되어야 합니다.

테이블당 하나의 제목만 정의할 수 있습니다.

팁: 보통 이 제목은 테이블 위 중앙에 위치합니다. 그러나 CSS 속성은 "text-align" 및 "caption-side"를 사용하여 제목의 정렬 및 표시 위치를 설정할 수 있습니다.

HTML 4.01과 HTML5의 차이점

HTML5는 정렬 속성을 지원하지 않습니다.

HTML 4.01에서는 정렬 속성이 더 이상 사용되지 않습니다.

Property

PropertyValueDescription
alignleft
그렇죠
탑
하단		HTML5는 지원되지 않습니다. HTML 4.01은 더 이상 사용되지 않습니다. 제목의 정렬을 정의합니다.

전역 속성

<caption> 태그는 HTML 전역 속성을 지원합니다.

이벤트 속성

<caption> 태그는 HTML 이벤트 속성을 지원합니다.