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中正常工作，但有两个例外：

Internet Explorer（版本9）不支持新标记，因为它不支持任何未知标记。（它们的内容将被显示，但标签本身不会出现在IE的页面DOM表示中。）但是，您可以通过在JavaScript中创建它们来使较旧的IE识别未知标记：请参阅http://remysharp.com/2009/01/07/html5-enabling-script/
< / LI>
Internet Explorer以外的浏览器将未知标记视为内联，而不是阻止。因此，您需要将display: block;分配给样式表中的块级HTML5元素。重置Eric Meyer’s等样式表通常会这样做。

但如果您遇到任何其他问题，请询问Stack Overflow上的问题。

Answer 2

即使在旧浏览器中使用这些元素也没有错。唯一可能给你带来任何麻烦的浏览器是（显然）IE，它不允许为任何新元素设置样式，但是有一个简单的JavaScript解决方法：

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

等等......

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

Answer 3

我建议您使用Modernizr插件

什么是jQuery中旧版浏览器的HTML5标签<figure>和<section>的替代品？</section> </figure>

3 个答案: