纯HTML简历可行但不适用于ATS，适合熟人推荐、技术岗直投或个人网站展示；必须将姓名、联系方式、教育背景、工作经历、项目经验、技能等写入，用等语义化标签结构化内容。
直接用 index.html 做简历完全可行，但别指望靠它通过 HR 的 ATS（简历解析系统）——这类纯静态 HTML 简历适合发给熟人、投技术岗直聊、或放在个人域名下作为展示页。
用纯 HTML 写简历，哪些内容必须写进
浏览器只渲染 里的内容，所以结构要清晰、语义要准。别堆 <div>，优先用语义化标签：
<ul>
<li>
<code><header></header> 放姓名、职位、联系方式（邮箱/电话/GitHub 链接）
<section></section> 拆分「教育背景」「工作经历」「项目经验」「技能」等模块<h2></h2> 作每个模块标题（<h1></h1> 只用一次，通常是姓名）<ul></ul> 或 <dl></dl> 列工作/项目条目，避免用 <p></p> 堆段落示例片段：
<section>
<h2>工作经历</h2>
<article>
<h3>前端开发工程师</h3>
<p><strong>XX科技有限公司</strong>｜2022.07 – 2024.03</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</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>
<ul>
<li>用 React + TypeScript 重构管理后台，首屏加载时间降低 40%</li>
<li>主导组件库迁移，覆盖 12 个业务线</li>
</ul>
</article>
</section>
为什么不能只靠内联样式？<style></style> 标签至少得有
没有 CSS 的 index.html 在不同设备上会乱成一团：文字挤在一起、链接没颜色、打印时全糊成一块。最简方案是加一个 <style></style> 块在 里：
- 设基础字体：
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; } - 给链接加下划线和颜色：
a { color: #007bff; text-decoration: none; } a:hover { text-decoration: underline; } - 关键间距用
margin-bottom控制模块间隔，别依赖<br> - 打印适配加一句：
@media print { nav, .no-print { display: none; } }（方便导 PDF）
不推荐用外部 CSS 文件——单文件简历就该“开箱即用”，少一个请求，少一个 404 风险。
导出 PDF 时常见问题：页面截断、链接失效、字体丢失
Chrome 浏览器「打印 → 另存为 PDF」是最常用路径，但容易翻车：
- 页面被截断：在
<style></style>中加@page { size: A4; margin: 0.5in; }和body { break-after: avoid; }控制分页 - 超链接变灰/不可点：PDF 标准支持链接，但需确保
<a href="mailto:xxx"></a>或<a href="https://github.com/xxx"></a>写法规范，且没被pointer-events: none拦住 - 中文字体乱码：避免用本地字体名如
"PingFang SC"，改用通用族名font-family: "Microsoft YaHei", "Noto Sans CJK SC", sans-serif; - GitHub 图标不显示：别用 SVG 外链图标，改用 Unicode 符号（如
?）或内联 base64 SVG
真正难的不是写完，而是让别人打开时看到的是你想要的样子——字体、行高、链接可点击、A4 打印不漏行，这些细节比排版花哨更重要。
