什么是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插件