【区别】<object>标签和 <embed&
2016-10-29 本文已影响400人
小小云朵
历史：
-
<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版本差异==即可
