最直接的方式是使用标签声明超链接，必须提供有效href属性，点击默认在当前页跳转；target属性控制打开位置，慎用target="_blank"且需配rel="noopener"；JS跳转须在用户手势中触发，SSR中不可替代语义化。

用 <a></a> 标签打开链接是最直接的方式

HTML 里没有“打开链接”的独立操作，只有通过 <a></a> 标签声明一个超链接，由浏览器决定如何响应。点击后默认在当前标签页跳转，这是最基础也最可靠的方案。

常见错误是把链接写成纯文本（比如 https://example.com）却不包裹 <a></a>，这样它只是字符串，不会触发任何导航行为。

• 必须提供 href 属性，值为有效 URL（支持 http://、https://、/path、#section 等格式）
• 内容可以是文字、图片或内联元素，但不能是块级元素（如 <div>）作为直接子节点 <li>如果 <code>href 值为空（href=""）或非法（如 href="javascript:void(0)"），点击可能无反应或触发意外行为

target 属性决定在哪打开链接

不加 target 就是在当前页跳转；加了才能控制新开页、新窗口或指定 iframe。但要注意：除非明确需要，否则别滥用 target="_blank" —— 它会带来安全和体验问题。


Html2md
使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...
下载
• target="_self"（默认）：在当前浏览上下文加载，通常就是当前标签页
• target="_blank"：新开标签页（注意：现代浏览器默认为其启用 rel="noopener" 防范安全风险）
• target="_parent" 或 target="_top"：用于嵌套 <iframe></iframe> 场景，避免链接在子框架中打开
• 自定义 target 名（如 target="myframe"）需对应已有 <iframe name="myframe"></iframe>，否则等效于 _blank

JavaScript 触发跳转时要注意执行时机和权限

用 JS 调用 window.location.href 或 window.open() 是可行的，但不是所有场景都适用。比如在用户手势（如 click）之外调用 window.open()，多数浏览器会拦截弹窗。

立即学习“前端免费学习笔记（深入）”；

• window.location.href = "https://example.com"：立即跳转，等效于点击一个 target="_self" 链接
• window.open("https://example.com", "_blank")：只在用户主动触发的事件中可靠（如 onclick），否则大概率被屏蔽
• 避免在 setTimeout 或 API 回调里静默调用 window.open()，这几乎一定会被拦截
• 服务端渲染（SSR）或静态 HTML 中，JS 跳转无法替代语义化的 <a></a>，因为搜索引擎和辅助工具依赖 HTML 结构识别链接

相对路径和 base 标签会影响链接解析结果

链接是否能正确打开，不仅取决于写法，还取决于当前页面位置和是否设置了 <base>。一个看似正确的 href="about.html" 在不同路径下可能指向完全不同的资源。

• 相对路径（如 ./page.html、../assets/file.pdf）以当前 HTML 文件所在目录为基准解析
• 若页面用了 <base href="https://cdn.example.com/">，所有相对 href 都会以此为前缀，容易导致意外跳转到 CDN 域名
• 检查链接是否生效，最简单方法是右键点击链接 → “复制链接地址”，看粘贴出来的是不是你预期的完整 URL
• 开发阶段建议多用绝对路径（以 / 开头）或完整 URL，减少路径歧义
实际写链接时，最容易被忽略的是 base 标签的存在与否，以及 target="_blank" 缺少 rel="noopener" 带来的安全隐患 —— 这两个点不报错，但上线后可能引发权限泄漏或 SEO 折损。