Question

我正在尝试使用HTML5s的最佳做法，但却面临以下困境。我有一系列相互关联的图像和文本，但由于应用了jQuery过渡来循环它们，我不得不将图像与其重合的文本分开。所以，而不是理想地看起来像这样：

<article>
    <img src="image1.png">
    <h1>Title1</h1>
    <p>Description</p>
</article>
<article>
    <img src="image2.png">
    <h1>Title2</h1>
    <p>Description</p>
</article>

相反它看起来像这样：

<div id="textholder">
    <article>
        <h1>Title1</h1>
        <p>Description</p>
    </article>
    <article>
        <h1>Title2</h1>
        <p>Description</p>
    </article>
</div>
<div id="images">
    <article>
        <h1>Title1</h1>
    </article>
    <article>
        <h1>Title2</h1>
    </article>
</div>

这显然不太理想，因为图像和文本之间现在没有任何关系。我正在通过HTML5 outliner (h5o)来衡量这种关系。有没有办法将分离标签之间的关系联系起来？

Answer 1

没有。重写jQuery脚本，原始HTML是语义上正确的方法。

HTML5强制两个单独元素之间的关系

1 个答案: