caption是HTML5中专为表格设计的语义化标题容器，必须紧随table开头且唯一，内容需具体含关键词，与th行及thead/tbody结构协同，禁用align属性。

caption 标签是 HTML5 中专为表格设计的语义化标题容器，它直接告诉搜索引擎“这个表格是关于什么的”。比起把说明文字放在表格外面或用普通段落描述，

让表格主题一目了然，大幅提升抓取工具对表格语义的理解精度。

caption 必须紧跟 table 开头，且每个表格只能有一个

结构错误会削弱语义价值。正确写法是：

• <table><caption>2025年各季度销售额汇总</caption>...</table>
• 不能写成 <table>...</table><caption>...</caption>（位置错）
• 不能在一个 <table> 内重复使用多个 （违反规范）

标题内容要具体、含关键词，避免空泛表述

搜索引擎靠文字判断主题，模糊标题等于放弃索引机会：

• ❌ 不推荐：“数据表”“表格1”“详情”
• ✅ 推荐：“北京地区2024年空气质量PM2.5月均值（单位：μg/m³）”
• ✅ 推荐：“iPhone 15系列官方售价与存储配置对照表”

关键词自然嵌入句中，不堆砌，但能准确反映表格核心维度（时间、地域、产品、指标等）。

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

立即学习“前端免费学习笔记（深入）”；

配合语义化结构，强化上下文关联

单独用

效果有限，需与表格内部结构协同：

• 确保 <th> 行存在，并与 描述方向一致（如 caption 写“按城市统计”，则第一列 应为“城市”）
• 避免 caption 描述“销量对比”，但表格里只有“编号”“备注”两列
• 可搭配 <thead><tbody> 明确分区，让爬虫更易解析逻辑层次

不依赖 align 属性，用 CSS 控制样式更稳妥

HTML5 已废弃 align 属性，强行使用可能被忽略或触发警告：

• ❌ <caption align="left">...
• ✅ <caption style="text-align: left; caption-side: bottom;">...
• caption-side 支持 top（默认）和 bottom，bottom 可用于某些特殊排版需求，但 top 更符合阅读习惯和无障碍要求