<embed> 和 <object> 标签的区别

<embed> 和 <object> 标签都用于加载外部插件内容,它们的功能非常相似。

但是我们首先要注意的是 <embed> 标签是一个不推荐使用的 HTML 标签。

因此,<object> 标签目前是用于在页面上嵌入某些内容的标准标签。
但由于目前并非所有浏览器都显示 <object> 标签中包含的信息,我们可能需要在 <object> 中使用 <embed> 元素来提供对更多浏览器的支持以及文档的有效性。
由于 <embed> 标签是 HTML5 元素,因此 HTML5 中的文档验证没有任何问题。

除了 <param> 标签之外,如果浏览器不支持 <object> 的引用插件,则 <object> 标签内的任何内容都将被渲染,正如它所假设的,无论内容是否被渲染,都会被 HTTP 请求.

下面,我们可以看到一些带有 <object> 和 <embed> 标签的示例。

包含带有 <object> 标签的 PDF 的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <object type="application/pdf"
            data="data/test.pdf"  
            width="300" 
            height="200">
      <a href="/test.pdf">download pdf</a>
    </object>
  </body>
</html>

包含带有 <object> 标签的视频的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <p></p>
    <object width="320" height="240" data="https://www.onitroad.com/xxx.mp4">
    </object>
  </body>
</html>

包含带有 <embed> 标签的视频的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <embed type="video/ogg" src="/build/videos/arcnet.io(7-sec).mp4" width="300" height="200" title="Arcnet.io video">
  </body>
</html>
哪个标签更适合使用:<embed> 或者 <object>
日期:2020-06-02 22:15:14 来源:oir作者:oir