HTML简历应以结构化证据呈现潜力，用语义化section标签划分竞赛与实践模块并添加aria-label，每个项目需含可验证链接、精确时间及量化结果，实践细节用details/summary折叠。
HTML简历不是炫技场，校招筛简历的HR和技术初面官平均只看15秒——潜力得靠结构化证据呈现，不是靠CSS动画或单页应用架构。
用section标签替代div组织竞赛与实践模块
语义化标签本身不加分，但能快速暴露你对Web标准的理解深度。面试官扫到<section aria-label="算法竞赛成果"></section>，比看到<div class="block">更可能停留多0.5秒。
<ul>
<li>每个竞赛/实践项目必须包裹在独立的<code>section中，且添加aria-label说明类型（如"蓝桥杯Java组省一"或"校园二手书平台后端"）
section，否则可访问性工具会报错，反而暴露基础薄弱section包整个简历——它只适用于内容区块，首页介绍用main，联系方式用footer
竞赛成果必须带可验证的原始链接和时间戳
校招简历里“ACM-ICPC区域赛银牌”这种描述毫无意义，除非你能立刻证明。技术岗面试官第一反应是点开链接看提交记录或榜单。
- 所有竞赛名后紧跟
<a href="https://...">官网链接</a>，链接文字必须包含年份和名次，例如：<a href="https://contest.xxxx.edu.cn/2023">2023年CCPC哈尔滨站铜牌</a> - 如果官网已下线，用Wayback Machine存档链接，并在旁边加
<small>(2023-10-15快照)</small> - 禁止使用“获奖证书扫描件”图片——OCR识别率低，且移动端加载慢，直接导致被跳过
实践项目用details/summary折叠技术细节
HR看亮点，技术面试官挖细节。同一份内容要服务两类人，details是零成本的分层方案。
立即学习“前端免费学习笔记（深入）”；
- 每个实践项目标题用
summary，例如<summary>基于Vue3的课程表可视化系统（前端主导）</summary> - 展开内容里必须包含三项：使用的具体技术栈（写
Pinia别写“状态管理”）、你的角色动词（重构了登录鉴权逻辑而非“参与开发”）、一个可量化的结果（首屏加载从2.4s降至0.8s） - 不要折叠项目名称或时间——这些是HR筛选硬指标，折叠等于主动消失
最常被忽略的是时间精度：写“2023.09–2023.12”比“大三上学期”可靠，“部署到阿里云ECS”比“完成部署”可信。潜力藏在确定性里，不在形容词里。
