美文网首页
【区别】<object>标签和 <embed&

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

作者: 小小云朵 | 来源:发表于2016-10-29 18:44 被阅读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版本差异==即可

相关文章

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

    历史: 标签是 HTML 4 的标准标签(在HTML 5中依然保留,但是删除了部分属性) 标签是 HTML 5 的...

  • EPOLL LT和ET区别

    reference EPOLL LT和ET区别

  • < object>、< object>&

    MP3 文件实际上是 MPEG 文件的声音部分。MPEG 格式最初是由运动图像专家组开发的。MP3 是其中最受欢迎...

  • Read a story

    This is a lion. lt's big. lt's strong. lt has big teeth. ...

  • 2018-06-08

    LT studio :不忘初心 ,方得始终 关于LT创办,LHS和TYY走过了九年。经历九年,LT终于共创业。九年...

  • Mybatis中特殊符号转移

    1. 写法1 原符号替换符号<<<=<=>>>=>=<><>&&'&a...

  • Read a story

    lt's hot?? lt's cool here. lt's a hat. What's this? Do yo...

  • jQuery html函数

    jQuery 的html()函数自动把不安全的标签 标签和&符号escape了 script标签被转换成 & lt...

  • test

    <script>alert(1);</script>

  • 无标题文章

    <script>alert('hello’);</script>

网友评论

      本文标题:【区别】<object>标签和 <embed&

      本文链接:https://www.haomeiwen.com/subject/zveyuttx.html