iT邦幫忙

DAY 5
0

HTML5 & CSS3系列 第 5

30天分享(7) - HTML5 <object> & <embed> 標籤

  • 分享至 

  • xImage
  •  

<object> & <embed>是一個外嵌檔案標籤,
除了可以嵌入flash動畫,也可以嵌入網頁檔或者是圖片。
原本兩個標籤是內外層關係,但 HTML5 將 <object> 大部分的屬性移除,
所以目前兩個標籤是很類似的,瀏覽器也都支援這兩個標籤,
只是 <object> 的舊屬性已不適用。

<object> 使用範例 :

<object width="400" height="50" data="bookmark.swf"></object>
這是嵌入 flash 檔的方式,只要使用 data 這個屬性。

<object width="100%" height="500px" data="snippet.html"></object>
這是嵌入一個網頁。

<object data="audi.jpeg"></object>
你也可以用這個方式嵌入圖片。


<embed> 使用範例 :

<embed width="400" height="50" src="bookmark.swf">
同上。

<embed width="100%" height="500px" src="snippet.html">
同上。

<embed src="audi.jpeg">
同上。

差別的地方在於屬性的用法,<object> 是 data ,<embed> 是 src ,
還有一些支援上的不同,但單用 flash 在 Chrome 上是可行的。

需要注意的是,瀏覽器 CSS 可能將其預設成 display : none,
會是看不見的狀態,只要將其覆寫即可。


上一篇
30天分享(6) - HTML5 <svg> 標籤
下一篇
30天分享(8) - HTML5 <datalist> 標籤
系列文
HTML5 & CSS328
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言