HTML简历本身不提通过率，真正起作用的是内容结构能否被ATS正确识别、信息是否便于人工快速扫描，以及能否3秒内让HR确认你是对的人；用HTML易翻车因ATS对div嵌套、flex/grid布局、SVG图标等支持极差，仅可靠等基础标签和严格顺序解析。
HTML简历本身不会提高通过率，真正起作用的是内容结构是否被ATS（招聘系统）正确识别、信息是否便于人工快速扫描，以及能否在3秒内让HR确认你是对的人。
为什么用HTML写简历反而容易翻车
多数公司用ATS筛选简历，而这类系统对HTML支持极差——<div>嵌套过深、用<code>flex或grid做布局、内联style属性、甚至只是用了section或article这类语义化标签但没配role，都可能导致关键字段（如“Python”“3年经验”“项目名称”）被漏读或错位。
- ATS普遍只认纯文本流，优先解析
<p></p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/ai/2249" title="超级简历WonderCV"><img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998691134.png" alt="超级简历WonderCV" ></a> <div class="aritcle_card_info flexColumn"> <a href="/ai/2249" title="超级简历WonderCV">超级简历WonderCV</a> <p>一款AI办公效率工具，主要用于免费求职简历模版下载制作，应届生职场人必备简历制作神器，适合需要提升相关任务效率的用户。</p> </div> <a href="/ai/2249" title="超级简历WonderCV" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>、<h2></h2>、<ul></ul>等基础标签，且依赖层级顺序 - 把“工作经历”放在HTML底部（为视觉效果用CSS定位上移），ATS会当成“教育背景之后的补充说明”
- 用SVG图标代替“电话”“邮箱”文字，ATS直接跳过——它不识别
<svg></svg>里的title或aria-label
真正能过ATS的HTML结构长什么样
核心原则：HTML是容器，不是画布。所有样式必须外链，所有语义靠标签顺序和aria-label补足，所有关键字段必须以纯文本出现且位置符合HR阅读动线。
- 用
<h1></h1>包姓名，<h2></h2>依次为“求职意向”“工作经历”“项目经验”“教育背景”“技能”——顺序不能调换 - 每段经历用
<section></section>包裹，但内部必须用<h3></h3>写公司名+职位+时间（例：<h3>腾讯 <small>前端开发实习生 | 2023.06–2023.09</small> </h3>） - 技能栏必须是
<ul></ul>，每个技能单独<li>，别写成“JavaScript / React / Node.js”一行——ATS会当做一个词切分失败 - 联系方式放最顶部，用
<p></p>明文写phone: 138-XXXX-XXXX和email: name@example.com，别用<a href="tel:..."></a>或图标
导出PDF时字体和链接怎么保真
Chrome打印HTML为PDF时，默认会丢掉@font-face、压缩超链接、忽略print媒体查询里的display: none——导致你精心设计的“仅屏幕显示”的二维码消失，或中文字体变成方块。
立即学习“前端免费学习笔记（深入）”；
- 字体必须用Google Fonts的
woff2+local()双兜底，且在@media print里强制设font-family: "Source Han Sans CN", sans-serif - 所有链接（GitHub、作品集）必须加
target="_blank" rel="noopener"，否则PDF里点不开；同时用aria-label补全可读文本，例如<a href="https://github.com/xxx" aria-label="GitHub主页">?</a> - 避免用
background-image做分割线或装饰——打印时默认关闭背景图形，留白难看又浪费空间
最常被忽略的一点：ATS不解析JavaScript，所以别在HTML里用document.write注入技能列表，也别指望用localStorage记住用户选的“应聘岗位”再动态渲染——它看到的只是初始HTML源码，空着就是空着。
