Doc To HTML
使用 MinerU 文档处理引擎将 Word 文档(.doc、.docx)转换为保留结构和格式的干净 HTML。
下载
表格标题必须用标签且作为的第一个子元素,置于之前;禁止用、或模拟标题,否则破坏可访问性;样式应使用caption-side和text-align控制,避免定位干扰。

产品对比页里的表格标题,必须用 标签,且只能放在
的最开头、 之前——这是语义和可访问性的硬性要求,不是样式选择。
标题必须用 ,不能用 或
把
产品参数对比
放在
外面,或者用 | ... |
模拟标题,都会让屏幕阅读器无法识别标题与表格的归属关系。辅助技术可能直接跳过整张表,或误读为普通段落。 是 HTML 唯一原生支持表格上下文的标题容器。
要写对位置,且只能有一个
必须是 的第一个子元素,紧贴 开始标签后。放错位置(比如塞进 里、插在第一行 前面但不在 直接子级)会导致语义失效。
- ✅ 正确:
<table>
<caption>手机型号参数对比</caption>
<thead>...
<li>❌ 错误:<code><table><thead>
<caption>...</caption>
<tr>...
<li>❌ 错误:<code><table>
<tr><td colspan="4"><h4>...</h4></td></tr>
<h3>样式控制要靠 caption-side 和 text-align,别用定位硬拉</h3>
<p>想让标题显示在表格下方?用 CSS 的 <strong>caption-side: bottom</strong>,而不是 margin-top 或 position: absolute——后者会破坏可访问性,屏幕阅读器可能完全忽略它。</p>
<ul>
<li><code>table caption { caption-side: bottom; text-align: left; font-weight: bold; }
- caption-side 只接受 top/bottom(left/right 兼容性差,不建议)
- 不要给 加 display: flex 或 transform,它在这些上下文中行为不可控
内容要简洁明确,必要时补充语言属性
标题文字应准确反映表格内容,例如“iPhone 16 与 Pixel 9 Pro 参数对比(2024 年款)”。多语言站点建议显式标注 lang:
<caption lang="zh">旗舰手机核心参数对比</caption>
- 避免空 caption;哪怕临时占位,也写
<caption>数据加载中</caption>
- 不要塞副标题进 ——如需额外说明,用
+ 包裹整个 ,或在表格上方加带 aria-labelledby 的
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!