更适合“工作经历”因其具有明确语义，告知辅助技术这是独立主题区域，自带 region role，且必须配 级标题；而 无语义，损害可访问性与SEO。
为什么 <section></section> 比 <div> 更适合放“工作经历”
<p>浏览器和屏幕阅读器不认 <code><div> 的语义，它只是个无意义的容器。用 <code><section></section> 包裹“工作经历”，等于明确告诉辅助技术：“这是一块有主题的独立内容区域”。<section></section> 还自带隐式 ARIA role（region），无需额外加 role="region"。
常见错误是把整页简历塞进一个 <div class="resume"> 里——结构扁平，SEO 和可访问性都打折。
<ul><li>每个核心模块（教育、技能、项目）都用 <code><section></section>，别用 <div> 或 <code><article></article>（后者适用于可独立分发的内容，如博客文章）
<section></section> 必须有标题，用 <h2></h2> 或更高级别，不能裸奔；可用 <h2>工作经历</h2>，别用 <h3></h3> 开头破坏层级<section> → <h2> → <ul> → <li> → <time></time>
</li>
</ul>
</h2></section> 就够了，再套一层 <div> 反而稀释语义
<h3>
<code><time></time> 标签不是摆设，它影响搜索引擎和日历解析
写“2022.03–2024.06”这种纯文本，机器无法识别时间范围。用 <time datetime="2022-03">2022年3月</time>–<time datetime="2024-06">2024年6月</time>，datetime 属性必须是机器可读格式（ISO 8601），显示文本可以本地化。
错误示例：<time>2022.03–2024.06</time> —— datetime 缺失，等同于没用。
立即学习“前端免费学习笔记（深入）”；
- 单时间点（如毕业年份）：用
<time datetime="2021">2021年</time>，datetime可只写年份 - 时间范围不要塞进一个
<time></time>里，必须拆成两个，否则语义错乱 - 别在
<time></time>里加链接或强调标签（如<strong></strong>），会破坏其原子性
技能列表用 <dl></dl> 而不是 <ul></ul> 的真实原因
技能不是无序并列项，而是“类别–技能项”的映射关系。比如“前端：React, Vue”、“工具：Git, Webpack”——这是定义列表（<dl></dl>）的典型场景，<dt></dt> 是类别，<dd></dd> 是具体技能。
用 <ul></ul> 列出“React, Vue, Git”看起来整齐，但丢失了分类逻辑，对语义化和结构化数据提取毫无帮助。
- 正确结构：
<dl><dt>前端框架</dt><dd>React, Vue</dd><dt>构建工具</dt><dd>Webpack, Vite</dd></dl></li> <li><code><dd>
内容可含逗号分隔，无需每个技能单独一行；若需强调某项（如“熟练 React”），用<strong></strong>包裹词，别新建标签 - 避免把整个技能块包进
<section></section>后就不管内部结构——语义要落到最细粒度
简历页的 <main></main> 和 <aside></aside> 怎么分才不翻车
整页简历就是主要内容，所以根级容器必须是 <main></main>。联系方式、个人简介这些非主体但强关联的信息，适合放进 <aside></aside> —— 它表示“与当前内容相关但可独立存在”的补充区块，比用 <div class="sidebar"> 语义准确得多。
<p>容易踩的坑是把“求职意向”或“自我评价”硬塞进 <code><aside></aside>：它们是简历核心表达，属于 <main></main> 内容，不该降级。
-
<aside></aside>适合放：邮箱、电话、GitHub 链接、LinkedIn 地址、二维码图片（配alt） -
<main></main>内按逻辑顺序组织：<header></header>（姓名/职位）→<section></section>（摘要）→<section></section>（工作经历）→ …… - 别为了“看起来像侧边栏”而滥用
<aside></aside>；它的语义和视觉布局无关，CSS 才管怎么排版
<article></article> 合理，但“技能”用 <article></article> 就荒谬——它不是可独立传播的内容单元。细节错一点，整体可信度就掉一截。
