HTML5 2つの別々の要素間の関係を強制的に

Question

HTML5のベストプラクティスを使用しようとしていますが、以下のジレンマがあります。私はお互いに関連した一連の画像とテキストを持っていますが、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はそれを行う意味的に正しい方法です。