【区别】<object>标签和 <embed>标签

历史:

  • <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版本差异==即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • 今天的晨读分享是《哈佛的6堂独立思考课》,着重说说书中的三个部分,分别是批判性思考、深度思考和同行评审。 ①批判性...
    泉布阅读 838评论 0 0
  • 真的是我遇到过的最坑的判题系统,要等两个小时才能等到结果.(这道题阻挡了我们去电科啊!!)题目在此 其实下来问了大...
    Anxdada阅读 117评论 0 0
  • 每个人青春期里都会有几个铁到就差换内裤穿的小伙伴,L君便是我青春期里的狐朋狗友之一。用我现在的的眼光看高中时的男男...
    不会歌唱的傻瓜阅读 600评论 4 2