caption标签用于为HTML表格提供标题，必须作为table的第一个或最后一个子元素；2. 默认显示在表格上方居中，可通过CSS的caption-side属性设为bottom或top；3. 提升可访问性、语义化和SEO，方便屏幕阅读器识别表格内容。
在HTML中，表格标题可以通过 caption 标签来设置。这个标签专门用于为 table 元素提供一个描述性标题，帮助用户理解表格内容，提升可访问性和语义化结构。
caption标签的基本语法
caption 标签必须作为 table 元素的第一个或最后一个子元素出现（推荐放在第一个），用来定义表格的标题。它不需要额外属性，文本内容直接写在标签内即可。
基本写法如下：
<table><br> <caption>2024年销售数据汇总</caption><br> <tr><br> <th>月份</th><br> <th>销售额（万元）</th><br> </tr><br> <tr><br> <td>1月</td><br> <td>80</td><br> </tr><br></table>
caption的位置和显示效果
caption 默认显示在表格的上方居中位置，但可以通过CSS控制其位置和样式。合法的位置值包括：top 和 bottom。
立即学习“前端免费学习笔记（深入）”；
示例：将标题放在表格下方
<style><br> caption {<br> caption-side: bottom;<br> font-size: 14px;<br> color: #666;<br> }<br></style><br><table><br> <caption>数据来源：公司内部报表</caption><br> <tr><th>项目</th><th>金额</th></tr><br> <tr><td>A产品</td><td>50万</td></tr><br></table>
使用caption的好处
- 增强语义化，让屏幕阅读器能识别表格用途
- 提升网页可访问性，方便残障用户理解内容
- 便于SEO优化，搜索引擎更清楚表格意义
- 统一表格样式管理，通过CSS集中控制标题外观
基本上就这些。正确使用 caption 标签，能让表格更清晰、更专业，也符合现代HTML标准。不复杂但容易忽略。