<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>
日期:2020-06-02 22:15:14 来源:oir作者:oir