object标签的data属性支持相对路径，解析逻辑与img/script一致，以当前html文件物理位置为基准；写错路径会静默失败，必须用network面板验证请求是否200。
object 标签支持相对路径，但它的解析逻辑和 img 或 script 一致——完全依赖当前 HTML 文件所在目录为基准，不因标签特殊性而改变路径规则。只要路径写对，浏览器就能加载；写错则静默失败（无报错、无 fallback），这是最容易被忽略的坑。
data 属性必须用相对路径语法，不能省略 ../ 或 ./
object 的资源定位全靠 data 属性，它接受相对路径，但不像 src 那样有隐式默认行为。常见错误是误以为“同级文件可直接写文件名”，其实可以，但必须确保拼写和大小写完全匹配（尤其在 macOS/Linux 环境下）：
-
data="chart.svg"→ 正确，前提是chart.svg和 HTML 在同一目录 -
data="assets/pdf/manual.pdf"→ 正确，子目录引用 -
data="../libs/player.swf"→ 正确，上级目录引用（注意两个点不能少） -
data="pdf/manual.pdf"→ 错误，如果实际路径是../pdf/manual.pdf，会 404
type 属性不是路径，但缺它可能让相对路径失效
type 不参与路径解析，但它影响浏览器是否尝试加载 data 指向的资源。如果 type 值与文件真实 MIME 类型不匹配（例如 PDF 写成 type="image/png"），部分浏览器会直接跳过加载，即使 data 路径完全正确：
- PDF 文件：用
type="application/pdf" - SVG 文件：用
type="image/svg+xml" - SWF（已淘汰，仅作兼容参考）：用
type="application/x-shockwave-flash" - 不写
type时，浏览器靠文件扩展名或响应头推断，不可靠
相对路径在嵌套 HTML 中容易算错层级
当 HTML 文件本身不在网站根目录（如 /blog/post/index.html），而你要引用位于 /assets/media/animation.mp4 的资源时，必须手动计算回退级数：
- 从
/blog/post/index.html到根目录需上溯两级 →../../assets/media/animation.mp4 - 写成
../assets/media/animation.mp4就会找错位置（变成/blog/assets/...） - 不要依赖编辑器自动补全路径，它常按项目根而非当前文件位置推导
- 用浏览器开发者工具的 Network 面板确认最终请求 URL，比肉眼检查更可靠
最麻烦的不是写法，而是 object 加载失败时既不报错也不显示占位内容——它就空着。务必在开发阶段用 Network 面板验证 data 发出的请求是否 200，否则你可能花半天调样式，其实问题早在路径那一步就卡死了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
