您今天就可以使用HTML5

來源:互聯網
上載者:User

HTML5預計是在2022年發布,但我認為它距離我們並不是那麼遙遠,因為在html5gallery就例舉了大量正在使用HTML5的網站,當然包括本人BLOG在內。關於HTML5不得不提IE,在蘋果、Google、Opera和Mozilla等主流瀏覽器廠商積极參与新版本HTML標準的制定和推廣時,微軟卻對HTML 5規範不屑一顧。然而微軟近期才表態要在IE中支援HTML 5,以致到今天為止的IE8及以下是無法支援HTML5標籤的。但在sitepoint找到了讓IE支援HTML5辦法。

以下是在的IE 8顯示的例子,未作處理前:

讓IE(包括IE6)支援HTML5元素,我們需要在HTML頭部添加以下JavaScript,這是一個簡單的document.createElement聲明,利用條件注釋針對IE在對象中建立對應的節點。

<!--[if IE]><script>document.createElement("header");document.createElement("footer");document.createElement("nav");document.createElement("article");document.createElement("section");</script><![endif]-->

添加以上代碼後,在IE8中顯示的效果如下:

sitepoint例子中建立節點的JavaScript代碼似乎過於臃腫,在smashingmagazine提供的代碼似乎更簡潔。
Demo:http://blog.gulu77.com/demo/200908/html5_demo3.html

<!--[if IE]><script>(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})()</script><![endif]-->

HTML5在預設情況下表現為內嵌元素,對這些元素進行布局我們需要利用CSS手工把它們轉為塊狀元素,如下例:

header, footer, nav, section, article {display:block;}

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.