jQuery中舊版瀏覽器的HTML5標籤<figure>和<section>的替代選擇是什麼？

您能否提供一個HTML5jQuery中舊版瀏覽器的HTML5標籤<figure>和<section>的替代選擇是什麼？

<figure> 
    <img src="path/to/image" alt="About image"> 
    <figcaption> 
     <p>This is an image of something interesting.</p> 
    </figcaption> 
</figure>

和

<section> 
    <!-- Content here --> 
</section>

在jQuery的舊的瀏覽器標籤替代？

我搜索了很多，但我發現有東西到處都是<canvas>標籤。

我會很高興看到您的答案，在此先感謝。

來源

2011-08-05 Pawan Choudhary

什麼是jQuery與它做？您在訪問或操作jQuery中的HTML5元素時遇到問題嗎？

至於HTML的話，你剛纔提到新的HTML5標籤都可以包含其他塊級元素的塊級元素，所以在HTML4相當於是<div>：

<div class="figure"> 
    <img src="path/to/image" alt="About image" /> 
    <div class="figcaption"> 
     <p>This is an image of something interesting.</p> 
    </div> 
</div>

和

<div class="section"> 
    <!-- Content here --> 
</div>

的HTML5標籤應該做工精細的在舊的瀏覽器和使用jQuery，但有兩個例外：

Internet Explorer在版本9之前不支持新標籤，因爲它不支持任何未知標籤。（他們的內容會被顯示，但標記本身不會出現在網頁的IE瀏覽器的DOM表示。）但是，您可以讓年長的IE的JavaScript中創建它們識別未知標籤：看到比互聯網其他http://remysharp.com/2009/01/07/html5-enabling-script/
瀏覽器Explorer將未知標籤視爲內聯而不是塊。因此，您需要將display: block;分配到樣式表中的塊級HTML5元素。重置樣式表Eric Meyer’s通常會這樣做。

但是，如果您有任何其他問題與他們，請問有關堆棧溢出的問題。

來源

2011-08-05 09:23:16

DIV根據最新的HTML5規範沒有物理意義。所以我想只使用HTML5中引入的最新標籤，以便我的代碼也適用於移動設備。你可以幫我嗎？ –

@Pawan：好像我誤解了你的問題。我以爲你要求*替代* HTML5標籤，這將在舊版瀏覽器工作。你究竟在問什麼？（順便說一句，像'

'和'

'這樣的HTML5標籤在移動設備上並沒有什麼特別的區別。） –

這看起來像是對上述問題的完美解答。也許你應該編輯並澄清問題。 – Sinan

即使在舊版瀏覽器中使用這些元素也沒有什麼問題。這可能給你帶來任何麻煩，唯一的瀏覽器，（顯然）IE，這不會讓造型對於任何新的元素，但有一個簡單的JavaScript解決方法：

document.createElement("section"); 
document.createElement("figure");

等等......

除此之外，你可以很容易地使用新元素。

來源

2011-08-05 09:37:40

我建議你使用Modernizr插件

來源

2011-08-05 09:44:12 rickyduck

jQuery中舊版瀏覽器的HTML5標籤<figure>和<section>的替代選擇是什麼？

回答

相關問題