睡蓮‧池水間

Guest
2010-Sep-10  
0 位會員和 8 位訪客在線上

文章 :: 語言集

如何在 IE 中使用 HTML 5 元素

懌飛
 
http://www.planabc.net/2009/06/13/how_to_use_html5_elements_in_ie/ 
Sjoerd Visscher 發現了一個簡潔的方法樣式在 IE 中作用到未知的元素上 —— 僅需 JS 創建此未知元素即可:

document.createElement(elementName)

同理(對於 IE 來說 HTML5 元素即是未知元素),該方法也可順延到 HTML5 的元素上(詳細見:John Resig 寫的 《HTML5 Shiv》 一文):

<html>
<head>
<style>section { color: red; }</style>
<script>document.createElement("section")</script>
</head>
<body>
<section>Hello World!</section>
</body>
</html>

在 IE 中,為了更方便使用 HTML5 元素,我們可以引入這樣的腳本:

(function(){
    // from: http://dean.edwards.name/weblog/2007/03/sniff/
    if(!/*@cc_on!@*/0) return; 

    var html5 = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video".split(',');
    for(var i = 0, len = html5.length; i < len; i++ )
        document.createElement(html5[i]);
    }
})();

詳細具體應用的案例如下:
  《Moving markup towards HTML5
  《Test new HTML 5 elements

    «« Adobe為Flash護航 用文章發表數取代 Karma »»    

專題

引用

  • 文章地址: http://waterlily-lsl.com/modules/article/view.article.php/c2/187
  • 引用地址: http://waterlily-lsl.com/modules/article/trackback.php/187

評分

10
9
8
7
6
5
4
3
2
1


 

API: RSS | RDF | ATOM

回覆及設定

    關閉


 如何在 IE 中使用 HTML 5 元素
goldhouse

網友

註冊: 09年7月22日
回覆數: 7

發表日期: 09/7/22 1:28  更新日期: 09/7/22 1:28


嗯~這個很實用!
只是我不明白 為何稱為html5

5是版本嗎?還是?
新手~不好意思!

回覆

 如何在 IE 中使用 HTML 5 元素
睡蓮

網主

註冊: 08年3月21日
來自: 池水間
回覆數: 220

發表日期: 09/7/22 1:52  更新日期: 09/7/22 1:52


沒錯,是版本

回覆

 

最 新 發 表 及 資 訊 區

此為池水間 banner ,需要安裝 Adobe Flash Player 才能觀看內容。

最新留言

留言日期:2010-Jun-10 11:51am
留言編號:50
留言者: sandy
網主回覆: 暫無
現有留言數: 46

前往萍踪留影

軒榭亭臺最新連結
會在模組開放後放出

前往軒榭亭臺

造訪統計

今天:226
昨天:664
本週:2351
本月:3483
總計:199164
平均:258

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
登 入