讓網頁插入的flash符合W3C XHTML標準 讓網頁插入的flash符合W3C XHTML標準

文章發佈於 : 2009-12-28 00:20:20 | 文章分類 : 程式相關
標籤 :
現在的部落格和許多網站都會使用XHTML，但是在網頁中插入flash格式的內容卻往往忽略掉標準XHTML的規範。但是並不是所有的人都了解這個規範是什麼，而提供連結的網站例如youtube.com也沒有顧慮到這點。不過如果你跟阿維一樣很介意自己的部落格或者是網站要符合W3C XHTML標準的話，可以按照以下的方式來修改。

下面這段是youtube所提供的轉貼原始碼，紅色部分所使用的embed是不符合規範的tag
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>

如果要符合W3C的規範我們就必須刪掉embed這個區塊，然後在object後面加上
1. type="application/x-shockwave-flash"
2. data="xxxx"，這邊的xxx內容就是原本embed src所包含的部分

修改之後會變成像下面這段，這樣的寫法就有符合W3C XHTML的規範，而且flash也可以正常在網頁上面播放。
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&" width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/ljZpu-HvKjY&hl=en_US&fs=1&"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
</object>

不過最好的方法還是原始提供連結的網站就提供符合標準的連結碼，畢竟不是每個人都了解怎麼修改這些鬼東西的。


閱讀全文 | 回 應(2)

  replyitem 路人的回覆 @ 2009-12-31 11:50:43   

我習慣用 javascript document.write
embed

  replyitem 網頁設計的回覆 @ 2010-01-28 13:59:59   http://www.eztrust.com.tw/html/about/index.aspx   

XHTML比較多人使用..使用動畫的網站也是許多..這篇文章所提供的內容還蠻有參考價值..可以讓我們了解如何操作..有相關的製作內容也可以上網查詢..

發 表 回 覆  (*代表必須輸入的欄位)

*姓名 :  

email :  

網址 :      請用http://開頭喔

*回覆內容 :

*驗證碼 :  This is a captcha-picture. It is used to prevent mass-access by robots. (see: www.captcha.net)

請輸入上面圖案內的英文字母與數字，英文字母大小寫不受影響

請原諒阿維這個懶惰鬼沒有寫新回覆通知的功能,
如果需要回覆通知,歡迎訂閱回覆的RSS   會開新的視窗,不會影響回覆的內容喔 :)