什么是HTML5標簽的替代品 <figure> 和 <section> 在jQuery中使用較舊的瀏覽器？

Question

你能建議HTML5嗎

<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>標記的內容。

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

Answer 1

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上正常運行，但有兩個例外：

1. 在版本9之前的Internet Explorer不支持新標簽，因為它不支持任何未知標簽。 （將顯示它們的內容，但標簽本身不會出現在IE的頁面DOM表示中。）但是，您可以通過使用JavaScript創建較舊的IE來識別未知標簽：請參閱http://remysharp.com/2009/ 01/07 / html5-enabling-script /

2. 除Internet Explorer之外的瀏覽器都將未知標記視為內聯而不是阻止。 因此，您需要分配display: block; 樣式表中的塊級HTML5元素。 像Eric Meyer一樣重置樣式表經常這樣做。

但是，如果您在使用它們時還有其他問題，請詢問有關Stack Overflow的問題。

Answer 2

即使在較舊的瀏覽器中使用這些元素也沒有錯。 唯一可能給您帶來麻煩的瀏覽器是IE，（顯然）是IE，它不允許為任何新元素設置樣式，但是有一個簡單的JavaScript解決方法：

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

等等...

除此之外，您可以絕對輕松地使用新元素。

Answer 3

我建議您使用Modernizr插件