应届生简历用纯html制作，核心是语义清晰、可访问性强、适配ats与pdf导出；需用等标签替代堆砌，禁用outline:none和display:none，确保打印样式、对比度、字体大小合规，并添加seo元信息。
纯 HTML 制作应届生简历，不是为了炫技，而是为了快速生成一份语义清晰、可访问性强、能直接发给 HR 或投递系统（比如企业招聘页的 <input type="file"> 上传）的静态页面。它不依赖框架、不需构建流程，但必须避开常见排版陷阱和语义误用。
用语义化标签代替 <div> 堆砌<p>很多新手用一堆 <code><div> + CSS 模拟标题、列表、分区，结果屏幕阅读器读不出结构，ATS（求职系统）也抓不到关键信息。应届生简历最核心的模块是：个人信息、教育背景、实习/项目、技能、自我评价（可选）——这些都有对应语义标签：<ul>
<li>
<code><header></header> 包裹姓名、电话、邮箱、求职意向（别写“可接受调剂”，写“前端开发岗”）
<section></section> 每个大模块用一个，加 aria-labelledby 或 <h2></h2> 标明作用，比如 <h2>教育背景</h2>
<ul></ul> 和 <li> 写课程、技能、项目要点，别用 <p></p> 换行模拟列表<time datetime="2023-09">2023.09–2024.06</time> 标注时间，方便机器解析避免 CSS 覆盖默认可访问性行为
为“好看”强行禁用默认样式，常导致简历在打印、高对比度模式或手机 Safari 中错乱。几个硬约束：
- 别写
outline: none在<a></a>或<button></button>上——HR 可能用键盘 Tab 导航查看你的在线作品链接 - 别用
display: none隐藏“联系方式”想“等面试时再给”，ATS 会直接忽略整块内容 - 字体大小别低于
14px，line-height至少1.5，否则手机打开后文字挤成一团 - 颜色对比度至少 4.5:1（可用浏览器插件
axe DevTools快速检查），尤其别用浅灰字配白底
导出 PDF 时的关键控制点
绝大多数公司要求 PDF 版本，而浏览器「另存为 PDF」容易把响应式布局压扁、删掉背景色、截断长项目。解决方法很直接：
- 打印样式表里强制设
@media print { * { color-adjust: exact; } }，保留背景色（如技能栏的浅色底纹） - 给简历容器加
width: 210mm; margin: 0 auto;（A4 宽度），并设body { margin: 0; }，避免左右留白过大 - 项目描述别用
flex-wrap: wrap或grid布局——部分 PDF 引擎不支持，改用display: block+margin控制间距 - 导出前在 Chrome 开发者工具里切到
Rendering > Emulate CSS media > print预览效果
真正卡住应届生的，往往不是不会写 HTML，而是把简历当设计稿做：花 3 小时调圆角阴影，却漏掉 <meta name="description" content="张三｜计算机专业应届生｜Vue 实习经历"> ——这行代码能让你的 HTML 简历在 HR 搜索“vue 实习”时被网页索引到。
