data属性是object标签唯一加载开关，必须填写有效URL；空值、非法格式或路径错误均导致浏览器静默忽略，既不发起请求也不显示fallback。
data 属性必须填且必须有效，否则不触发任何加载
data 是 object 唯一的加载开关。不写、写空字符串（data=""）、写非法 URL（如 data="file://..." 或含未编码中文的 data="report.pdf?name=张三"），浏览器直接忽略该标签——既不发请求，也不显示 fallback 内容。
常见踩坑点：
-
data="assets/chart.svg"看似合理，但若 HTML 页面 URL 是/admin/index.html，实际请求路径是/admin/assets/chart.svg，而非你预期的/assets/chart.svg - 没加
<base href="/">且用了相对路径时，务必确认当前页面 URL 与资源路径的相对关系 -
data值含空格或特殊字符（如data=" my-file.pdf"）会被静默截断，控制台无报错
type 属性不决定是否加载，只影响 MIME 协商结果
type 的作用是告诉浏览器“我预期这个资源是什么类型”，但它不触发请求，也不阻止加载。真正起效的是服务端响应头里的 Content-Type。
典型现象：
立即学习“前端免费学习笔记（深入）”；
-
type="application/pdf"写对了，但服务器返回Content-Type: text/plain→ Chrome 弹下载，不内嵌 -
type="image/svg+xml"误写成image/svg，只要响应头正确，SVG 仍能正常渲染 - PDF 服务返回
Content-Type: application/octet-stream→ 大部分浏览器拒绝内嵌，fallback 激活
width 和 height 不设就白屏，CSS 不一定管用
没有 width 和 height 属性时，object 渲染区域默认为 0×0，结果就是白屏——不是加载失败，是根本没给空间。
实操建议：
- 优先用内联属性：
width="800" height="600"，比 CSS 更可靠 - 若需响应式，用
style="width:100%; height:600px;"，但注意某些旧版 Safari 对height:100%支持不稳定 -
width="100%"单独写无效，必须同时有明确的height值或父容器有高度约束
fallback 内容只在明确加载失败时才显示
object 标签内部的内容（比如 <p>不支持</p>）不是“默认显示”，而是仅当浏览器确认加载失败时才激活。所谓“确认失败”，包括：404、CORS 阻止、Content-Type 不匹配、file:// 协议被拒 等。
容易误解的情况：
- 资源加载中 → 显示空白，不显示 fallback
- 资源返回 200 但内容损坏（如 PDF 文件头错误）→ 可能白屏或报错，但 fallback 不一定触发
- 跨域 PDF 未配
CORS头 → 请求被拦，控制台报错，fallback 显示
真正难调试的，是那些既不报错、也不渲染、fallback 还不出现的情况——大概率是 data 值未被解析为有效 URL，或者路径相对于当前文档解析错了。
