嵌入html必须设type="text/html"，否则浏览器静默失败；data需200响应且服务端返回content-type: text/html；fallback仅作失败提示，不可交互；兼容性差于iframe，仅特定场景适用。
object 标签嵌入 HTML 页面时 type 必须设为 text/html
不写 type 或写错（比如 "html"、"application/html"）会导致浏览器直接跳过渲染，连 fallback 内容都不显示。Chrome 和 Firefox 会静默失败，Safari 可能连 onerror 都不触发。
必须显式声明：type="text/html" —— 这是唯一被主流浏览器识别为“可内联渲染 HTML”的 MIME 类型。其他值如 "application/xhtml+xml" 或空字符串均无效。
- 本地开发时用
file://协议，Firefox 可能拒绝加载（报NS_ERROR_FILE_ACCESS_DENIED），必须走 HTTP 服务（如http://localhost:8080） - 若目标 HTML 文件含相对路径资源（如
./style.css），它会在 object 子上下文中解析，路径基准是父页面 URL，不是被嵌入文件所在目录 - 嵌入的 HTML 中的
<script></script>默认不执行，也不触发DOMContentLoaded，和 iframe 行为一致
data 属性路径必须可访问且返回 200 状态码
data 指向的 URL 必须能被浏览器成功 GET 到，且响应状态码为 200。404、403、CORS 阻断或重定向（302）都会导致 object 显示 fallback 内容或空白。
常见陷阱：
- 路径写成
data="pages/sidebar.html"，但实际文件在/src/pages/sidebar.html，构建后未正确映射到服务器根路径 - 使用 Vite / Webpack Dev Server 时，需确认静态资源是否被 serve（例如 Vite 默认只 serve
public/下文件） - 服务端未设置
Content-Type: text/html响应头，部分浏览器（尤其是 Safari）会拒绝对象渲染，哪怕type写对了
fallback 内容不是“备用页面”，而是失败时的降级提示
<object></object> 标签内部的内容（即开始与结束标签之间的部分）仅在嵌入彻底失败时才显示，它不会参与 DOM 渲染，也不能被 JS 查询或样式穿透。别指望在里面放一个 <div id="sidebar"> 然后用 CSS 控制它。
<p>典型写法示例：</p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5806" title="html-deploy"><img
src="https://img.php.cn/upload/skill/000/000/081/179066538882434.jpg" alt="html-deploy" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill5806" title="html-deploy" class="overflowclass">html-deploy</a>
<p class="overflowclass">使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。</p>
</div>
<a rel="nofollow" href="/xiazai/skill5806" title="html-deploy" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>
<pre class="brush:php;toolbar:false;"><object data="nav.html" type="text/html" width="100%" height="200">
<p>导航栏加载失败，请<a href="nav.html">手动打开</a>。</p>
</object></pre>
<ul>
<li>不要在里面放复杂结构，纯文本或简单链接最可靠</li>
<li>如果用了 <code>width/height 但没设 CSS，某些浏览器（如旧版 Edge）可能把 fallback 区域压成一行高，文字被裁剪
iframe 的 title 属性object 嵌入 HTML 的兼容性比 iframe 差，多数场景应优先选 iframe
现代浏览器中，object 对 HTML 嵌入的支持远不如 iframe 稳定：Safari 16+ 对跨域 object 加载 HTML 有额外限制；Firefox 在 strict CSP 下可能阻止；Chrome 120+ 对非 HTTPS 上下文中的 object data 加载更敏感。
除非你明确需要以下某一点，否则直接用 iframe：
- 要利用
object的 fallback 语义（比如 PDF + HTML 回退共存） - 正在维护遗留系统，且已有大量
object用法无法迁移 - 嵌入内容极轻量（单个
<p></p>），且不依赖脚本、样式隔离或跨域能力
真正容易被忽略的是：object 嵌入的 HTML 页面无法通过 window.parent 访问宿主页面，也不受 sandbox 属性控制——它没有 sandbox，也没有 allow 机制，安全边界模糊。这点在嵌入第三方内容时风险很高。
