用做“同类题5道”跳转需确保href指向真实存在的相对路径文件（如./similar/q789.html），配合data-type="mistake"等结构化属性标明错题语义，并通过URL参数或预生成页传递上下文，否则链接将失效。
怎么用 <a></a> 做“同类题5道”跳转链接
直接加 <a href="xxx">同类题5道</a> 就行，但关键在 href 指向哪儿。不是随便写个路径就能让老师或学生点开看到相似题——得有后端支持或预生成的静态页。如果只是纯 HTML 页面（比如导出的错题 PDF 转成的 HTML），那这个链接只能指向本地已存在的文件，比如 similar-questions-123.html，否则 404。
- href 最好用相对路径，比如
./similar/physics/q123.html，避免硬编码域名 - 别用
javascript:void(0)占位，点击没反馈，还影响可访问性 - 如果题号是动态的（比如来自 JS 渲染），href 得由脚本拼接，但注意 XSS：别直接把用户输入塞进
href，要encodeURIComponent()处理
“错题”语义怎么在 HTML 里体现出来
光靠文字写“错题”两个字，对屏幕阅读器、搜索引擎、后续数据提取都没帮助。得用结构化方式标出这是错题、原题是什么、错在哪。最轻量也最实用的是用 data- 属性：
<div class="question" data-type="mistake" data-original-id="q789" data-error-reason="符号混淆"> <p>计算：−5 − (−3) = ?</p> <a href="./similar/q789.html">同类题5道</a> </div>
-
data-type="mistake"是机器可识别的错题标记，比 class 更可靠 -
data-original-id必须和后台题库 ID 对齐，否则相似题推荐逻辑会断 - 不要用
class="wrong"这类模糊名，CSS 类是给样式用的，不是语义
点击“同类题5道”后页面怎么保持上下文
用户从错题页跳过去，希望看到的不是泛泛的“相似题列表”，而是紧扣当前这道题的变形、变式、易错点复现。这就要求目标页能读取来源信息。纯静态 HTML 做不到，但可以妥协：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 在链接里带参数，比如
./similar.html?ref=q789&topic=signed-numbers，然后用 JS 读URLSearchParams动态加载对应内容 - 如果不用 JS，就按题型+难度预生成页面，如
/similar/signed-numbers/level2.html，链接里直接写死 - 别用 hash（
#q789）传关键参数，SEO 和分享时会丢失
为什么有些“相似题”链接点了没反应
常见原因不是代码写错了，而是路径或权限问题。浏览器控制台看 Network 标签，点链接后如果状态码是 404 或 403，基本就定位了。
-
404：文件确实不存在，检查路径大小写（Linux 服务器区分Similar.html和similar.html） -
403：目录没开索引，或者服务器禁止了目录浏览，确保similar/下有index.html或明确指定了文件名 - 本地双击打开 HTML 文件时，
file://协议下跨目录 AJAX 会被浏览器拦截，此时相似题必须全静态，不能依赖 JS 加载
最容易被忽略的是：相似题推荐依赖题干文本或知识点标签的匹配逻辑，HTML 层只负责链接跳转——如果后端没跑通相似度计算，前端再漂亮的 <a></a> 也是空链。
