object标签的备用内容是原生降级机制，必须写在标签内且为可渲染内容（如、），type需匹配真实mime类型，file://协议下可能失效，应部署于http环境测试。

object 标签的备用内容不是可选功能，而是它原生、自动触发的降级机制——只要写在开始与结束标签之间，浏览器就会在加载失败时渲染它。

备用内容必须写在 object 标签内部，且不能是空或纯注释

浏览器只认「实际可渲染的子内容」：文字、<p></p>、<img>、@#@#@#@#@#@#@#@#@#@0

❌ 无效：<!-- 备用提示 --> 或 <object> </object>（中间只有空格）

⚠️ 注意：<script></script> 写在里面也不会执行，多数浏览器直接跳过

type 属性不匹配会直接触发备用内容

即使 data 资源存在且可访问，只要 type 声明错误（比如 PDF 文件却写 type="image/png"），浏览器会认为“类型不支持”，立刻回退到备用内容。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 务必让 type 与资源真实 MIME 类型一致：PDF 用 application/pdf，SVG 用 image/svg+xml，HTML 用 text/html
• 现代浏览器对 type 的校验比旧版更严格，尤其配合 typemustmatch 属性时
• 本地开发时用 file:// 协议，部分浏览器（如 Safari）可能忽略 type 判断，导致 fallback 不触发——必须部署到 HTTP 服务上测试

嵌套 object 或 img 是合法且推荐的备用方案

备用内容本身可以是完整 HTML 片段，包括另一个 object、一张降级图、或带样式的提示块。这比纯文本更可控。

• 常见组合：<img src="fallback.jpg" alt="图表替代图"><p>@#@#@#@#@#@#@#@#@#@1</p>
• 多层降级可行：外层 object 加载 Flash，内部放一个加载 PDF 的 object，再里面才是文字提示
• 不要依赖 CSS 隐藏/显示切换：备用内容是浏览器原生渲染，不是靠 JS 或样式控制显隐

最容易被忽略的是：备用内容的渲染完全由浏览器决定，没有加载状态回调，也不等 JS 初始化——所以别指望用 onload 或 onerror 来“补救”它；写对结构、配准 type、部署在 HTTP 环境下，才是让它真正起作用的全部条件。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！