網(wǎng)站標(biāo)準(zhǔn)之Flash頁(yè)面如何通過(guò)校驗(yàn)_Web標(biāo)準(zhǔn)教程
1.embed是非法的
<embed>標(biāo)簽是Netscape的私有標(biāo)簽,雖然<embed>標(biāo)簽應(yīng)用廣泛存在,但是從HTML3.2,HTML4.0到XHTML1.0,W3C都沒(méi)有收錄這個(gè)標(biāo)簽。使用<embed>標(biāo)簽的頁(yè)面將不能通過(guò)W3C校驗(yàn)。
2.應(yīng)該用object
W3C推薦的是<object>標(biāo)簽。甚至在XHTML2中,<img>都要被<object>所取代。用<object>方法插入flash的代碼是:
以下為引用的內(nèi)容: <object type="application/x-shockwave-flash" data="test.swf" width="200" height="100"> <parm name="movie" value="test.swf /> </object> |
但是這個(gè)方法在IE5-IE6/Win上不能正確顯示(不能連續(xù)播放,要下載完才能放),在低版本的可以正確顯示。后來(lái)采用先調(diào)一個(gè)小flash文件再嵌入大flash文件的方法解決了連續(xù)播放的問(wèn)題,但是在IE5以上版本有時(shí)依然出現(xiàn)不能顯示flash的情況。
3.目前的臨時(shí)辦法
那么既要符合標(biāo)準(zhǔn),又想在所有瀏覽器正確顯示flash應(yīng)該怎么做?macromedia網(wǎng)站是如何通過(guò)W3c校驗(yàn)的?
有設(shè)計(jì)師想到了用JavaScript來(lái)隱藏非法的<embed>標(biāo)簽,
以下為引用的內(nèi)容: <script type="text/javascript "> if (navegiator . mimeTypes && navigator . mimeTypes["application/x-shockwave-flash"] { document . write('<embed src="test . swf" ... |
這是目前比較好的解決辦法。你一定要插flash,就用js調(diào)用。這種方法可以欺騙W3C的校驗(yàn)程序,使頁(yè)面通過(guò)校驗(yàn)。但僅僅是"欺騙",而不是真符合標(biāo)準(zhǔn)。
macromedia是怎么做的呢?看到這句代碼:
以下為引用的內(nèi)容: <!-- $RCSfile: FlashDetection2k.pm,v $ $Revision: 1.68 $ : your browser's accept header indicates you have Flash 6,0,65,0 or better, so you're OK for this Flash 6 movie, here it comes. --> |
它采用了一個(gè)折中二選一的辦法:
(1).首先javascript來(lái)判定你的瀏覽器版本和flash player的版本;
(2).根據(jù)版本的不同在后臺(tái)動(dòng)態(tài)的生成HTML代碼。
簡(jiǎn)單說(shuō)就是默認(rèn)采用<object>方法,假如瀏覽器不能處理object的MIME類(lèi)型“ application/x-shockwave-flash”,它就插入子元素<embed>。說(shuō)穿了,這和用js隱藏< embed>方法類(lèi)似,也是一種“欺騙”的辦法,但這是目前能夠做到的最符合標(biāo)準(zhǔn)的,比較完美的做法了。
要想真正拋棄<embed>,只能等IE瀏覽器對(duì)<object>更好的支持才行,也許要等到Longhorn出來(lái)了。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類(lèi)型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- web標(biāo)準(zhǔn),走向何方?
- 中文網(wǎng)絡(luò)圈談?wù)揥eb2.0的相關(guān)內(nèi)容摘要!
- CSS編寫(xiě)中靈活運(yùn)行注釋的意義
- WEB前端:關(guān)于項(xiàng)目管理的思考
- 關(guān)于WebStandards一些思維和偶然想到的……
- TheW3CTechnologyStack:W3C技術(shù)架構(gòu)介紹
- 學(xué)習(xí)Div+CSS從何入手技術(shù)
- 利用插件來(lái)校驗(yàn)XHTML是否符合Web標(biāo)準(zhǔn)
- WEB標(biāo)準(zhǔn)教程第10天:自適應(yīng)高度
- 學(xué)習(xí)Web標(biāo)準(zhǔn),您是哪個(gè)等級(jí)的CSS開(kāi)發(fā)人員?
猜你也喜歡看這些
- CSS網(wǎng)頁(yè)布局時(shí)常犯的幾種小錯(cuò)誤
- 解決IE6.0、IE5.0、IE5.5差異
- 兼容FIREFOX下背景層的自適應(yīng)高度
- IE、Nascape環(huán)境中CSS的顯示差別
- DIVCSS實(shí)例教程:去除鏈接元素的虛線框(兼容IE7、IE6、FF)
- CSS布局實(shí)例:上中下三行,中間自適應(yīng)
- overflow與text-indent:-9999px 字體隱藏及input value偏移
- JS的IE和FF兼容性問(wèn)題的匯總小結(jié)
- CSS調(diào)試工具M(jìn)ultipleIE-IE5IE6IE7多版本共存
- CSS Hack整理
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索網(wǎng)站標(biāo)準(zhǔn)之Flash頁(yè)面如何通過(guò)校驗(yàn)
- 教程說(shuō)明:
Web標(biāo)準(zhǔn)教程-網(wǎng)站標(biāo)準(zhǔn)之Flash頁(yè)面如何通過(guò)校驗(yàn)。