HTML / caption / 표(table)에 캡션 붙이는 태그
caption
- 표(
table
)에 캡션 붙일 때caption
태그를 사용한다. - 기본 위치는 표 위 가운데이다.
- 캡션 위치는 CSS의
caption-side
로 정한다.
예제
캡션의 위치를 파악하기 위해 표의 가로 크기를 100%로 했고, 테두리를 넣었다.
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>HTML</title> <style> table { width: 100%; } th, td { border: 1px solid #dadada; } </style> </head> <body> <table> <caption>Table Caption</caption> <tr> <th>Lorem</th><th>Ipsum</th> </tr> <tr> <td>Dolor</td><td>Amet</td> </tr> </table> </body> </html>