不行。HTML仅负责结构，无CSS则内容堆叠、无排版；必须用最少内联style或<style>块控制max-width、margin、line-height等基础样式，禁用table，优先语义化标签如<section>，邮箱需拆分防抓，导出PDF需@media print专用样式。
用纯 HTML 写简历，别碰 CSS 就行吗？
不行。HTML 本身只负责结构，没有样式就等于没排版——浏览器默认会把所有内容堆成一长条，<h1> 和 <p> 都挤在左上角，连联系方式都找不到。真要“简洁”，得用最少的内联 style 控制宽度、间距和基础对齐，而不是硬扛着裸 HTML 上线。
- 必须加
<style>块，哪怕只有 5 行：设max-width防止文字撑满屏幕，用margin分隔区块，line-height提升可读性 - 别用
<table>排版简历——语义错、响应差、打印时易错位 -
<section>比<div>更合适，搜索引擎和屏幕阅读器能识别“教育”“工作经历”是独立内容块
姓名和联系方式怎么放才不被爬虫乱抓？
直接写 john@example.com 等于给邮箱收集器发邀请函。简单防抓，把邮箱地址拆开再用 <span> 拼接，配合极简 CSS 隐藏分隔符：
<p>邮箱：<span>john</span><span style="display:none">@</span><span>gmail.com</span></p>
- 电话号码同理，写成
138<span style="display:none">-</span>0013<span style="display:none">-</span>8000 - GitHub 或 LinkedIn 链接用
<a href="https://github.com/xxx" rel="noopener noreferrer">，rel属性防钓鱼跳转 - 别用图片存联系方式——没法复制、搜索不收录、视障用户读不到
项目经历要不要用 <ul> 列出来？
要用，但别只套一层 <ul>。每个项目是独立单元，需包裹在 <article> 里，标题用 <h3>，技术栈用 <small> 或带 class 的 <span> 标出：
<article> <h3>库存管理系统（Vue 3 + Spring Boot）</h3> <p>重构旧系统，接口响应时间从 2.1s 降至 320ms</p> <p><small>技术：Pinia、Axios、MyBatis-Plus</small></p> </article>
- 避免写“熟练掌握 XXX”——HR 不信，面试官会追问细节；换成具体动作：“用
useMutation实现表单提交防重复点击” - 日期统一用
<time datetime="2023-03">2023.03–2024.06</time>，机器可解析，也方便未来加微数据 - 项目链接别放“点击查看”，直接让项目名变成
<a>，减少点击成本
导出 PDF 时格式全乱了怎么办？
浏览器“打印为 PDF”默认忽略很多 CSS，比如 flex 布局、背景色、部分 margin。最稳的解法是加一段打印专用样式：
立即学习“前端免费学习笔记（深入）”；
<style>
@media print {
* { -webkit-print-color-adjust: exact; }
body { font-size: 12pt; line-height: 1.4; }
section { page-break-inside: avoid; }
a { color: #000; text-decoration: underline; }
}
</style>-
page-break-inside: avoid防止“教育背景”标题被截到下一页开头 - 去掉所有
background-color和阴影——PDF 里它们常变黑块或消失 - 导出前先按
Ctrl+P预览，Chrome 打印设置里选“背景图形”，否则灰色文字可能看不见
简历不是代码作品集，重点在信息密度和可读性。删掉所有装饰性空格、图标、渐变色，留白比填满更需要克制。
