正确使用标签需注意：href必须加引号并带协议（如https://），相对路径以当前html文件位置为基准，target="_blank"必须配rel="noopener"，图片链接须用包裹，所有链接上线前须真实访问验证。

直接用 @#@#@#@#@#@#@#@#@#@0

rel="noreferrer" 可选，它额外阻止 Referer 头发送，但 noopener 已解决核心风险

移动端 Safari 对 _blank 支持不稳定，部分场景静默降级为当前页跳转，别依赖它保证体验

纯站内跳转（如 ./product.html）完全没必要开新标签页，反而增加用户负担

图片当链接时只能用 包裹

<img href="..."> 是无效写法，浏览器根本不识别；onclick="location.href=..." 看似能跳，但会破坏右键菜单、键盘 Tab 焦点、屏幕阅读器语义，还可能被 CSP 或广告拦截器阻断。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

• 唯一合规做法：<a href="product.html"><img src="p1.jpg" alt="iPhone 15 Pro 详情页"></a>
• alt 必须描述链接目标，不是图片内容本身；功能型图片（导航图标、商品图）不能写 alt="" 或 alt="图片"
• 如果要动态换图+换链接，改元素属性（linkEl.href、imgEl.src），别用 innerHTML 重写整段，否则事件监听器和焦点状态全丢

所有跳转链接上线前，必须在真实浏览器地址栏里手动访问一遍目标 URL，不能只靠“代码看起来对”。路径大小写、末尾斜杠、查询参数编码、<base> 标签影响——这些细节本地开发时往往不暴露问题，一上生产就集体失效。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！