embed标签现不推荐使用，因其无回退机制、不支持语义化、依赖已淘汰的npapi插件，导致主流浏览器中常空白或报错，应改用video、audio、iframe等现代标签。
embed 标签为什么现在不推荐单独使用
因为 embed 是 HTML5 中的“非标准但被广泛支持”的标签，它没有回退机制、无法声明 MIME 类型、也不提供语义化保障。浏览器遇到加载失败或插件缺失时，只会留白，用户看不到任何提示。
常见错误现象包括：PDF 在 Safari 中不显示、Flash 内容在 Chrome 88+ 完全空白、embed 嵌入的音频在某些安卓 WebView 中静音。
-
embed是自闭合标签，不能嵌套内容（比如备用文字或fallback） - 它依赖浏览器对
type属性的识别，但很多浏览器会忽略该属性，只看文件扩展名或响应头 - 移动端 WebView（如微信内置浏览器）对
embed的支持极不稳定，尤其 PDF 和 SVG 场景
object 标签怎么写才真正兼容
object 的核心价值不是“能用”，而是“降级可控”。关键不在 data 或 type，而在标签内部是否放了可渲染的后备内容。
正确写法必须包含三部分：声明资源类型 + 指定数据源 + 提供 fallback。例如嵌入 PDF：
<object data="doc.pdf" type="application/pdf" width="100%" height="600"> <p>您的浏览器不支持 PDF 预览，请 <a href="doc.pdf">点击下载</a>。</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill9263" title="Html2md"><img src="https://img.php.cn/upload/skill/000/000/081/179249945220127.jpg" alt="Html2md" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="overflowclass">Html2md</a> <p class="overflowclass">使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...</p> </div> <a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> </object>
-
type必须准确，比如 PDF 用application/pdf，MP4 用video/mp4；错写成text/pdf会导致 Firefox 直接跳过渲染 - 不要省略
width和height—— 缺失会导致 Chrome 渲染区域为 0×0，内容不可见 - IE 旧版本（≤10）需要
classid和codebase才能加载 ActiveX 控件，但现代项目基本可忽略
为什么 embed 常被塞进 object 里面
这不是规范写法，而是历史兼容策略：把 embed 当作 object 的“兜底子项”，让老版 Firefox/Safari 在 object 失效时尝试走 embed 路径。
典型结构如下（注意 embed 在 object 内部，且仅用于媒体类资源）：
<object data="video.mp4" type="video/mp4" width="640" height="360"> @@@###@@@ <p>视频加载失败，请检查网络或更新浏览器。</p> </object>
- 这种嵌套对现代浏览器无害，但对语义验证工具（如 W3C Validator）会报 warning，因为
embed不是object的合法子元素 - 仅当目标需覆盖 IE9–11 + 旧版 Safari（≤5.1）时才考虑，2020 年后的新项目基本不需要
- 如果用了，务必确保
embed的src和object的data指向同一资源，否则可能触发两次请求
替代方案比纠结 embed/object 更实际
除非你必须支持 Flash、Java Applet 或本地 PDF 插件，否则直接用更现代的原生标签更可靠。
- 视频/音频优先用
video或audio，支持source多格式 fallback、原生控件、preload等控制项 - 嵌第三方网页（地图、表单、评论）一律用
iframe，配合sandbox和loading="lazy"提升安全与性能 - Pdf.js 这类 JS 库比
object渲染 PDF 更稳定，还能加水印、搜索、缩放等交互 - SVG 图标建议内联或用
img，而非object或embed—— 后者会让 SVG 无法继承父级 CSS 样式
真正容易被忽略的是：很多团队还在用 embed 加载字体或图标字体，其实这些资源本该走 CSS @font-face 或 <link rel="preload">，而不是靠插件容器加载。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
