最直接的方式是使用标签声明超链接，必须提供有效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="_self"（默认）：在当前浏览上下文加载，通常就是当前标签页 -
target="_blank"：新开标签页（注意：现代浏览器默认为其启用rel="noopener"防范安全风险） -
target="_parent"或target="_top"：用于嵌套<iframe></iframe>场景，避免链接在子框架中打开 - 自定义
target名（如target="myframe"）需对应已有<iframe name="myframe"></iframe>，否则等效于_blank -
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 结构识别链接 - 相对路径（如
./page.html、../assets/file.pdf）以当前 HTML 文件所在目录为基准解析 - 若页面用了
<base href="https://cdn.example.com/">，所有相对href都会以此为前缀，容易导致意外跳转到 CDN 域名 - 检查链接是否生效，最简单方法是右键点击链接 → “复制链接地址”，看粘贴出来的是不是你预期的完整 URL
- 开发阶段建议多用绝对路径（以
/开头）或完整 URL，减少路径歧义
target 属性决定在哪打开链接
不加 target 就是在当前页跳转；加了才能控制新开页、新窗口或指定 iframe。但要注意：除非明确需要，否则别滥用 target="_blank" —— 它会带来安全和体验问题。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
JavaScript 触发跳转时要注意执行时机和权限
用 JS 调用 window.location.href 或 window.open() 是可行的，但不是所有场景都适用。比如在用户手势（如 click）之外调用 window.open()，多数浏览器会拦截弹窗。
相对路径和 base 标签会影响链接解析结果
链接是否能正确打开，不仅取决于写法，还取决于当前页面位置和是否设置了 <base>。一个看似正确的 href="about.html" 在不同路径下可能指向完全不同的资源。
实际写链接时，最容易被忽略的是 base 标签的存在与否，以及 target="_blank" 缺少 rel="noopener" 带来的安全隐患 —— 这两个点不报错，但上线后可能引发权限泄漏或 SEO 折损。
