2011-03-29 31 views
0

我只想確認Firefox是否無法解釋標籤<section>?我創建了一個網站並在Chrome和Safari上進行了測試。一切都很好,直到我在Firefox上測試它,這是可怕的。我花了差不多2天時間才發現Firefox不能處理<section>標籤。我只想確認一下,因爲我不確定。爲什麼FIrefox不識別<section>?

回答

3

取讀添加article { display: block; }到您的樣式表。 FF可能將其視爲內聯元素,因爲它不完全受支持。

我已經使用HTML5構建了一個測試系統,它在所有瀏覽器上都進行了一些調整,效果很好。

編輯

這是一個腳本,我寫來測試一些網頁抓取:http://randomcoding.com/steam/我用HTML5作爲標記來看看有什麼大驚小怪的。

你可以從stylesheet看,我做了一些元件阻擋項目

/* HTML5 display-role reset for older browsers */ 
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { 
    display: block; 
} 

此方法適用於我對我檢查器(Chrome,Opera 10的,FF3-4,IE8-9大多數瀏覽器)。

不過,如果你是新手,我建議你看看HTML5的樣板:http://html5boilerplate.com/

它有最佳實踐使用HTML5來標記你的網站時。一個好地方開始。

+0

感謝兄弟...我有點新開發網絡,我只是在學習的過程。你能告訴我如何讓我的CSS風格與所有瀏覽器兼容。 – johan 2011-03-29 07:52:25

+1

我擴大了我的答案 – JohnP 2011-03-29 08:01:49

+0

感謝兄弟......至少你給了我一個主意。 – johan 2011-03-29 08:13:17

0

Firefox與<section>標記沒有問題,但Internet Explorer具有。

+0

但爲什麼當改變部分到div它工作正常? – johan 2011-03-29 07:45:58