美文网首页
【区别】<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&

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