object标签加载html资源必须同时满足：data属性正确指定路径、type="text/html"显式声明、设置width和height尺寸、备用内容用html而非纯文本，且受同源策略严格限制无法跨域。
data 属性必须写对，否则资源根本不会加载
data 是 object 标签唯一指定外部资源路径的属性，浏览器只认它。写成 src、href 或漏掉这个属性，标签就形同虚设——既不报错，也不加载内容。
- 路径可以是相对路径（如
data="header.html"、data="../shared/footer.html"） - 也可以是绝对路径（如
data="/assets/widget.html"），注意这里的/指向服务器根目录，不是本地文件系统根目录 - 支持完整 URL（如
data="https://cdn.example.com/embed/content.html"），但跨域时受 CORS 限制，浏览器可能静默失败 - 本地双击打开 HTML 文件时，
file://协议下多数现代浏览器会阻止object加载本地 HTML（尤其 Safari 和新版 Chrome），必须起 HTTP 服务才能测试
type="text/html" 不是可选，是显式声明的必要条件
仅靠 data 指向一个 .html 文件，浏览器不会自动按 HTML 解析。必须加上 type="text/html"，否则可能当作二进制 blob 处理，或直接触发 fallback 内容。
- 省略
type：某些浏览器（如旧版 Firefox）可能尝试猜测，但行为不可靠；现代 Chrome/Safari 往往直接跳过渲染 - 写错 MIME 类型（如
type="html/text"或type="application/html"）：等同于没写，fallback 内容立即显示 - 嵌入非 HTML 资源（如 PDF）时，
type必须匹配（如type="application/pdf"），否则插件可能不启动
width 和 height 不设，很可能看不到任何东西
object 默认没有尺寸，不像 img 有固有宽高。如果没设 width 和 height，渲染结果常常是 0×0 像素——内容其实加载了，只是你根本看不见。
- 数值单位支持像素（
width="800"）和百分比（width="100%"），但百分比需父容器有明确宽度，否则无效 - CSS 中用
width: 100%替代属性也可，但内联width/height更稳妥，避免 CSS 未加载时白屏 - 对响应式布局，可配合
style="aspect-ratio: 4/3;"（现代浏览器），但别依赖它替代基础尺寸声明
备用内容不是装饰，是 fallback 的实际执行点
object 标签内部的 HTML（即开始与结束标签之间的所有内容）会在加载失败、MIME 不匹配、或浏览器不支持时原样渲染。这不是“提示文案”，而是真实降级路径。
- 里面可以放任意 HTML：一段
<p></p>、一个<button></button>、甚至内联<script></script>做重试逻辑 - 不要只写纯文本（如 "加载失败"），至少包裹在
<p></p>里，否则语义和样式控制受限 - 如果备用内容本身含外部资源（如
<img src="fallback.jpg">），它也受同样路径规则约束，别让它二次失效
object 加载 HTML 仍受同源策略硬性约束，且无法通过 CORS header 绕过——它不像 fetch 那样能协商。想跨域嵌入？只能换 iframe 或服务端代理。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
