正确做法是显式写出来源信息作为链接文本，如素材来源：Example Studio；锚点需确认目标页面存在唯一id；外部链接必须加rel="noopener noreferrer"。

HTML里怎么给图片/视频加来源链接

直接用 @#@#@#@#@#@#@#@#@#@0 单独成行，紧贴媒体下方

如果必须内联（比如图文混排），至少让链接文本含“来源”二字，例如：@#@#@#@#@#@#@#@#@#@1

避免只写“点击查看”“原文链接”这种无意义文本，搜索引擎和辅助工具都抓不到实质信息

跳转到原始页面的某个具体位置（锚点）怎么写

锚点跳转本身简单，难点在于原始页面是否真有对应 id，以及这个 id 是否稳定。很多网站改版后删掉旧 id，你的链接就变成“跳过去但找不到目标”。

实操时别信“页面上有标题就能跳”，得亲手查源码确认 id 存在且唯一。

• 目标页面的锚点必须是带 id 的元素，比如

  第三部分

  ，不是 class 或别的属性
• 链接写法是 @#@#@#@#@#@#@#@#@#@2，注意 # 前后都不能有空格
• 如果原始页面用的是 name 属性（老式写法），现代浏览器基本不支持了，别踩这个坑

深度链接（Deep Link）失效的常见原因

所谓“深度链接”就是带路径+锚点的完整 URL，比如 https://site.com/docs#api-reference。它挂掉往往不是你写错了，而是对方页面结构变了。

最容易被忽略的一点：URL 中的路径大小写敏感，/Docs 和 /docs 在大多数服务器上是两个地址。

使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审

使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。

下载

• 检查原始 URL 是否重定向过——用浏览器开发者工具的 Network 面板看最终响应的 Location 头
• 锚点名里含空格或中文？会被编码成 %20 或 %E4%BD%A0，手动拼写时容易出错，建议直接复制页面地址栏里的完整 URL
• 单页应用（SPA）页面可能靠 JS 渲染锚点，首次加载时 #xxx 可能被忽略，这种链接对 SEO 和直接访问都不友好

要不要用 rel="noopener noreferrer"？

要，尤其是跳转到外部站点时。不加的话，目标页面可以通过 window.opener 访问你页面的 DOM，存在安全风险；还可能影响你页面的性能，因为两个页面会共享同一个进程。

这不是“最好加上”，而是“必须加上”，除非你明确需要和目标页通信（极少见）。

• 标准写法：@#@#@#@#@#@#@#@#@#@3
• noreferrer 会屏蔽 Referer 头，如果你依赖来源统计（如 Google Analytics），得权衡是否换成 rel="noopener" 单独使用
• 不要写 rel="noreferrer noopener"——顺序无关，但习惯上 noopener 放前面更稳妥

事情说清了就结束。真正难的不是写对一个链接，而是持续维护它：原始页面改版、域名迁移、CMS 自动生成的 id 规则变更……这些都会让昨天还正常的深度链接今天打不开。

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