能跳转的标签必须同时具备href属性和有效URL值，缺一不可；href为空或仅用#会导致刷新或跳顶，应使用javascript:void(0)或改用；外链需加target="_blank"并严格配rel="noopener noreferrer"；锚点跳转依赖目标元素id与href中#后值完全一致；中文等特殊字符须用encodeURIComponent()或%编码。
怎么写一个能跳转的 <a></a> 标签
超链接本质就是 <a></a> 标签加 href 属性，缺一不可。没写 href，哪怕加了 onclick 或样式，也不会被浏览器识别为可访问链接（影响 SEO、键盘导航、屏幕阅读器）。
常见错误现象：
点击没反应；右键菜单里没有“在新标签页打开”；用 Tab 键无法聚焦。
-
href值必须是有效 URL，空字符串href=""会刷新当前页，href="#"会跳到页面顶部（不是“无跳转”） - 要实现 JS 控制的伪跳转，至少得写
href="javascript:void(0)"或href="#" onclick="doSomething(); return false;"，但更推荐用<button></button>替代 - 相对路径如
href="about.html"是相对于当前 HTML 文件所在目录，不是相对于网站根目录
target="_blank" 安全风险和必须配的 rel
直接写 target="_blank" 会让新页面共享原页面的 window.opener，对方可通过 window.opener.location = "https://evil.com" 劫持你的页面——这是真实存在的安全漏洞。
使用场景：所有外链、用户生成内容里的链接、第三方跳转入口。
立即学习“前端免费学习笔记（深入）”；
- 必须同时加上
rel="noopener noreferrer"（noopener阻断 opener 访问，noreferrer防止 Referer 泄露） - 旧版 Chrome/Firefox 不支持
noopener，但noreferrer在这些浏览器中会自动降级为noopener，所以两者一起写最稳妥 - 别只写
rel="nofollow"，它对安全无效
正确写法：<a href="https://example.com" target="_blank" rel="noopener noreferrer">示例</a>
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
锚点链接为什么点不动？id 和 name 到底用哪个
页面内跳转靠的是锚点，原理是匹配 URL 中 # 后面的值与目标元素的 id。现代 HTML5 只认 id，name 属性在 <a></a> 上已废弃，不起作用。
常见错误现象：
点击链接后 URL 变了（#xxx 出现），但页面没滚动；控制台报错“no element found”。
- 目标元素必须有
id，且值要和href中#后完全一致（区分大小写、不能有空格） -
<div id="section-1"></div>对应<a href="#section-1">跳转</a>，中间不能多空格或下划线误写成短横 - 如果目标元素是
<h2 id="faq">常见问题</h2>，确保它在视口内有足够高度，否则可能“跳到了但看不见”
链接里的中文、空格、特殊符号怎么处理
URL 中不能直接出现未编码的中文、空格、#、?、& 等字符，否则解析会出错或被截断。浏览器虽会自动编码一部分，但不可依赖。
使用场景：动态生成链接、用户输入作为 URL 参数、文件名含中文的本地链接。
- 手动编码用
encodeURIComponent()（JS），比如encodeURIComponent("上海+天气")→"%E4%B8%8A%E6%B5%B7%2B%E5%A4%A9%E6%B0%94" - 静态写死时，用
%编码代替，如href="page/订单.pdf"应写成href="page/%E8%AE%B3%E5%8D%95.pdf" - 空格统一用
%20，别用+（那是 application/x-www-form-urlencoded 的规则，不适用于href）
容易被忽略的一点：服务端返回的重定向 URL 如果含未编码中文，302 跳转会失败，这个坑常出现在 PHP/Node.js 后端拼接跳转地址时。
