HTML5标签的替代品是什么<;图>;及<;第节>;对于jQuery中的旧浏览器?

HTML5标签的替代品是什么<;图>;及<;第节>;对于jQuery中的旧浏览器?,jquery,html,Jquery,Html,你能推荐HTML5吗 <figure> <img src="path/to/image" alt="About image"> <figcaption> <p>This is an image of something interesting.</p> </figcaption> </figure> 这是一幅有趣的图像 及 jQuery中旧浏览器的标签替代方案 我

你能推荐HTML5吗

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

这是一幅有趣的图像


jQuery中旧浏览器的标签替代方案

我搜索了很多,但是到处都找到了关于
标签的东西


我很高兴看到您的答案,提前谢谢。

jQuery与此有什么关系?在jQuery中访问或操作HTML5元素是否有问题

就HTML而言,您提到的新HTML5标记都是块级元素,可以包含其他块级元素,因此HTML4中的等价物是


这是一幅有趣的图像


HTML5标记在旧浏览器和jQuery中应该可以正常工作,但有两个例外:

  • InternetExplorer在版本9之前不支持新标记,因为它不支持任何未知标记。(它们的内容将被显示,但标记本身不会出现在IE的DOM表示中。)但是,您可以通过在JavaScript中创建未知标记来让旧IE识别未知标记:请参阅

  • Internet Explorer以外的浏览器将未知标记视为内联标记,而不是块标记。因此,您需要指定
    display:block到样式表中的块级HTML5元素。像通常那样重置样式表


  • 但是如果您对它们有任何其他问题,一定要询问堆栈溢出的问题。

    即使在较旧的浏览器中使用这些元素也没有什么错。唯一可能给您带来麻烦的浏览器是(显然)IE,它不允许为任何新元素设置样式,但有一个简单的JavaScript解决方案:

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


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

    我建议您使用plugin

    根据最新的html5规范,div没有物理意义。所以我只想使用从html5引入的最新标签,这样我的代码也适用于移动设备。“你能帮我吗?”帕万:看来我误解了你的问题。我以为你是在寻求HTML5标签的替代品,这在旧浏览器中是可行的。你到底想要什么?(顺便说一句,HTML5标签如
    在移动设备上没有什么特别的区别。)这看起来是对上述问题的一个非常有效的答案。也许你应该编辑并澄清这个问题。
    <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>
    
    document.createElement("section");
    document.createElement("figure");