不行。html仅负责结构，无css则内容堆叠、无排版；必须用最少内联style或块控制max-width、margin、line-height等基础样式，禁用table，优先语义化标签如，邮箱需拆分防抓，导出pdf需@media print专用样式。

用纯 HTML 写简历，别碰 CSS 就行吗？

不行。HTML 本身只负责结构，没有样式就等于没排版——浏览器默认会把所有内容堆成一长条，<h1></h1> 和 <p></p> 都挤在左上角，连联系方式都找不到。真要“简洁”，得用最少的内联 style 控制宽度、间距和基础对齐，而不是硬扛着裸 HTML 上线。

• 必须加 <style></style> 块，哪怕只有 5 行：设 max-width 防止文字撑满屏幕，用 margin 分隔区块，line-height 提升可读性
• 别用 <table> 排版简历——语义错、响应差、打印时易错位<li> <code><section></section> 比 <div> 更合适，搜索引擎和屏幕阅读器能识别“教育”“工作经历”是独立内容块<h3>姓名和联系方式怎么放才不被爬虫乱抓？</h3> <p>直接写 <code>john@example.com 等于给邮箱收集器发邀请函。简单防抓，把邮箱地址拆开再用 <span></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"></a>，rel 属性防钓鱼跳转
  • 别用图片存联系方式——没法复制、搜索不收录、视障用户读不到

  项目经历要不要用 <ul></ul> 列出来？

  要用，但别只套一层 <ul></ul>。每个项目是独立单元，需包裹在 <article></article> 里，标题用 <h3></h3>，技术栈用 <small></small> 或带 class 的 <span></span> 标出：

  

  超级简历WonderCV

  一款AI办公效率工具，主要用于免费求职简历模版下载制作，应届生职场人必备简历制作神器，适合需要提升相关任务效率的用户。

  下载

  <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></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 打印设置里选“背景图形”，否则灰色文字可能看不见

  简历不是代码作品集，重点在信息密度和可读性。删掉所有装饰性空格、图标、渐变色，留白比填满更需要克制。