HTML简历核心是提升ATS解析率与人工扫描效率：用<section>替代<div>明确语义，data-*属性标注时间/角色/技术，<strong>突出量化结果，列表化技术栈，首词动词+数据对比强化价值。
纯 HTML 制作项目经验简历，核心不是“怎么写页面”，而是“怎么让项目信息被快速扫描、可信且不被 ATS（招聘系统）过滤”。手写 HTML 比 Word 或 PDF 更可控，但必须避开常见语义陷阱。
用 <section> 而不是 <div> 包裹每个项目
很多初学者用一堆 <div class="project">，这会让屏幕阅读器和 ATS 无法识别内容结构。浏览器默认不理解 class 的语义，但 <section> 明确表示“一个独立的内容模块”。
实操建议：
- 每个项目用
<section aria-labelledby="proj1-title">，再配<h3 id="proj1-title">电商后台管理系统</h3> - 避免嵌套多层
<div>：不用<div><div><div>…</div></div></div>，直接用<section><h3>…</h3><p>…</p></section> - 如果项目有技术栈，用
<ul>+<li>，别写成逗号分隔的<p>React, Node.js, MongoDB</p>—— ATS 更容易提取列表项
data-* 属性记录关键元信息，比如时间、角色、链接
光靠文字描述“2023.03–2023.08”，ATS 可能识别不准；写“前端开发（核心开发者）”，不如让机器可读。用 data- 属性补充结构化数据，不影响视觉，但提升解析准确率。
立即学习“前端免费学习笔记（深入）”；
实操建议：
- 给项目
<section>加data-start="2023-03"、data-end="2023-08"、data-role="Frontend Developer" - 项目标题链接到 GitHub 或线上 Demo？用
<a href="https://github.com/xxx" data-type="source">源码</a>，比裸 URL 更易被规则匹配 - 不滥用：只加 ATS 真正可能用到的字段（时间、角色、技术关键词），别写
data-feelings="proud"
项目描述里避免空洞动词，用 <strong> 标出结果型短语
“负责用户模块开发”是无效描述；“将登录响应时间从 2.1s 降至 320ms”才是信号。HTML 本身不改内容质量，但可以用 <strong> 主动引导视线落到关键结果上，同时保持语义干净（不用 <span style="font-weight:bold">）。
实操建议：
- 每段项目描述控制在 3–4 行，首句用动词开头（“重构了…”“设计并落地了…”），第二句跟量化结果，用
<strong>包住数字或对比项，例如：<p>重构权限校验逻辑，将接口平均错误率从 <strong>4.7% 降至 0.2%</strong></p> - 避免在
<strong>里塞整句，比如<strong>使用 Vue3 Composition API 重写了表单组件</strong>—— 这会削弱重点，应拆解为动作+结果 - 技术名词首次出现时保持原名：写
Webpack，别写webpack（大小写影响 ATS 关键词匹配）
真正难的不是写出 HTML，而是把项目经历从“我做了什么”压缩成“别人一眼看出我解决了什么、值多少钱”。手写 HTML 的优势在于你能决定哪一行字带 data-role、哪几个词被 <strong> 标记——这些细节能让同一份内容，在 HR 眼里和 ATS 系统里，呈现完全不同的权重。
