不推荐用<table>做简历页面，因其语义错配导致ATS解析错误、屏幕阅读器误读、打印分页断裂及响应式困难；若必须使用，应仅用于视觉对齐，配合<th scope="col">、CSS样式控制、语义化链接与<time>标签，并优先采用<section><h2><ul>等语义化结构替代。
用 <table> 做简历页面，现在不是推荐做法，但如果你明确要完成课程作业、内部培训或兼容老旧系统，它确实能快速对齐字段——前提是别把它当语义结构用，也别指望 ATS（招聘系统）能正确提取信息。
为什么表格不适合现代简历布局
表格的语义是「二维数据对比」，比如价格表、课程表。而简历是线性文档：姓名→联系方式→教育→经历→技能。用 <table> 会导致：
- 屏幕阅读器把“姓名”读成“第1行第1列”，而不是“这是求职者姓名”
- ATS 解析时可能把“性别”和“出生年月”拼成同一字段，或跳过
rowspan跨行单元格里的内容 - 打印 PDF 时容易出现分页断裂（比如“工作经历”被切在两页中间）
- 响应式适配困难：
colspan在小屏上无法重排，只能横向滚动或内容挤压
如果必须用 table，怎么避免常见崩坏
核心原则：只用表格做视觉对齐，不用它表达逻辑关系。所有语义靠标签本身承担。
- 用
<th>标出栏目名（如“姓名”“电话”），并加scope="col"属性，帮助辅助技术识别列头 - 禁用
border="1"或cellspacing等过时属性；改用 CSS 控制边框和间距（哪怕只写<style>块） -
rowspan和colspan尽量少用——尤其别跨多行放“照片”，容易在打印时错位或留白过大 - 联系方式必须用
<a href="tel:...">和<a href="mailto:...">，不能只写纯文本，否则手机点不开 - 日期统一写成
<time datetime="2022-09">2022.09–2024.06</time>，即使在表格里也要保语义
替代方案比硬套 table 更省事
真正想快速做出可用简历，直接用语义化标签 + 极简 CSS 更稳：
立即学习“前端免费学习笔记（深入）”；
- 外层用
<main>或<article>，宽度设max-width: 800px+margin: 0 auto - 每模块用
<section>，标题用<h2>（如“工作经历”），条目用<div>包<h3>（公司名）、<h4>（职位）、<p>（描述） - 技能用
<ul>，别用表格模拟“掌握程度进度条”——那属于视觉装饰，不是结构需求 - 打印适配只需一段
@media print：隐藏图标、调大行高、禁用背景色、强制page-break-inside: avoid包住每段经历
表格做简历，本质是用错工具解决对齐问题。真正卡住人的从来不是“怎么让姓名和输入框对齐”，而是“怎么让 HR 和机器都读懂你”。后者，<table> 天然做不到。
