历史:
<object> 标签是 HTML 4 的标准标签(在HTML 5中依然保留,但是删除了部分属性)
<embed>标签是 HTML 5 的新标签(新生代,但是老版本的浏览器可能不认识它)
小结:embed更新更年轻
功能:
<object> 标签用于包含一些需要从外部引入的对象,例如图像、音频、视频等;常与<param >标签配合使用;
<embed>标签是H5才有的新标签,功能与<object>一致,同样用来从外部引入各种资源或者插件。
小结:功能上没什么大区别
使用案例:
-
<object>标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<object width="400" height="400" data="helloworld.swf" >
</object>
</body>
</html>
-
<embed>标签
<!DOCTYPE HTML>
<html>
<body>
<embed src="/i/helloworld.swf" />
</body>
</html>
-
组合使用两种标签
(这是因为考虑兼容性:浏览器只会对自己能看懂的那个标签有反应;一个看不懂至少能看懂另一个)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<object width="550" height="400" data="heartbeats.mp3">
<param name=movie value="myflashmovie.swf">
<param name=quality value=high>
<param name=bgcolor value=#ffffff>
<embed src="heartbeats.mp3" ></embed>
</object>
</body>
</html>
- 小结:第三种组合使用的方式很常见,毕竟很多普通人用的浏览器版本可能比较低,也不懂升级
小提示:
这两类标签现阶段只需==了解功能==和 ==HTML版本差异==即可