歷史:
<object> 標(biāo)簽是 HTML 4 的標(biāo)準(zhǔn)標(biāo)簽(在HTML 5中依然保留,但是刪除了部分屬性)
<embed>標(biāo)簽是 HTML 5 的新標(biāo)簽(新生代,但是老版本的瀏覽器可能不認(rèn)識(shí)它)
小結(jié):embed更新更年輕
功能:
<object> 標(biāo)簽用于包含一些需要從外部引入的對(duì)象,例如圖像、音頻、視頻等;常與<param >標(biāo)簽配合使用;
<embed>標(biāo)簽是H5才有的新標(biāo)簽,功能與<object>一致,同樣用來從外部引入各種資源或者插件。
小結(jié):功能上沒什么大區(qū)別
使用案例:
-
<object>標(biāo)簽
<!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>標(biāo)簽
<!DOCTYPE HTML>
<html>
<body>
<embed src="/i/helloworld.swf" />
</body>
</html>
-
組合使用兩種標(biāo)簽
(這是因?yàn)榭紤]兼容性:瀏覽器只會(huì)對(duì)自己能看懂的那個(gè)標(biāo)簽有反應(yīng);一個(gè)看不懂至少能看懂另一個(gè))
<!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>
- 小結(jié):第三種組合使用的方式很常見,畢竟很多普通人用的瀏覽器版本可能比較低,也不懂升級(jí)
小提示:
這兩類標(biāo)簽現(xiàn)階段只需==了解功能==和 ==HTML版本差異==即可