HTML5中无法直接嵌入可交互的外部HTML文档，但可通过四种方式实现引用与跳转：一、用<a>标签创建标准超链接；二、用iframe嵌入并控制跳转作用域；三、用object标签嵌入（兼容性差）；四、用JavaScript动态加载并注入（受同源策略限制）。
如果您希望在HTML5页面中嵌入一个外部文档并使其具备可点击跳转的超链接功能，则需明确区分“嵌入文档”与“创建超链接”两种行为。HTML5不支持直接将带交互式超链接的完整文档（如另一HTML文件）以可执行方式“嵌入”为内联可点击内容，但可通过多种标准方式实现文档引用与跳转逻辑。以下是实现该目标的具体方法：
一、使用<a>标签创建标准超链接
这是最基础且语义正确的方式，通过<a>元素指向目标HTML文档URL，用户点击后在当前页或新窗口打开该文档。该方法确保超链接完全可访问、可索引，并兼容所有浏览器。
1、在HTML5文档中定位到需要插入链接的位置。
2、输入<a href="target.html">点击访问文档</a>，其中target.html替换为实际文档路径。
立即学习“前端免费学习笔记（深入）”；
3、如需在新标签页打开，添加rel="noopener"和target="_blank"属性：<a href="target.html" target="_blank" rel="noopener">点击访问文档</a>。
4、保存文件并在浏览器中测试点击行为，确认跳转至目标HTML文档且页面正常加载。
二、使用iframe嵌入外部HTML文档
iframe允许将另一个HTML文档作为内联框架嵌入当前页面，其内部超链接默认在iframe内跳转；若需控制跳转作用域，须配合sandbox属性与target属性协同设置。
1、在页面中插入iframe元素：<iframe src="document.html" width="100%" height="500" title="嵌入文档"></iframe>。
2、确保document.html中的超链接包含target属性，例如<a href="page2.html" target="_parent">跳转到父页面</a>，以使点击后在包含iframe的顶层窗口中打开。
3、若嵌入文档来自不同源，且需启用脚本或表单提交能力，需在iframe中添加sandbox属性并显式授权，例如sandbox="allow-scripts allow-same-origin allow-forms"。
4、注意：若目标文档启用了X-Frame-Options: DENY或Content-Security-Policy: frame-ancestors 'none'，则iframe将被浏览器阻止加载。
三、使用object标签嵌入HTML文档
object标签可作为iframe的替代方案用于嵌入外部资源，对HTML文档的支持依赖于浏览器解析策略，部分现代浏览器会将其降级为下载行为或仅渲染静态快照。
1、在HTML中插入object元素：<object data="document.html" type="text/html" width="100%" height="500">无法加载文档</object>。
2、为兼容性考虑，在object内部添加fallback内容，例如一段说明文字或备用链接。
3、测试时发现object内超链接默认在自身上下文中跳转；如需跳出，目标链接必须设置target="_top"或target="_parent"。
4、Chrome与Firefox已限制object加载跨域HTML文档，本地文件协议（file://）下多数object嵌入将失效。
四、通过JavaScript动态加载并注入HTML内容
利用fetch API获取目标HTML文档的文本内容，解析其超链接结构，并注入当前DOM。此方式可实现链接重写与上下文劫持，但受同源策略严格约束，且破坏原始文档的独立样式与脚本执行环境。
1、确保目标HTML文档与当前页面同源，或服务端已配置CORS响应头Access-Control-Allow-Origin。
2、编写JavaScript代码：使用fetch("document.html")获取响应，调用response.text()提取HTML字符串。
3、创建临时div元素，设置innerHTML为获取的HTML字符串，遍历其中所有<a>标签，修改其href为绝对路径或添加事件监听器。
4、将处理后的div.appendChild(document.getElementById("container"))，完成动态注入。
5、注入的脚本不会自动执行，需手动eval或创建script标签并设置type="module"才能运行目标文档中的JS逻辑。
