div要素またはarticle要素をアンカー内に配置できません

Question

ブロック要素をアンカー内に配置することはHTML5では「可能」または許可されていますが、何らかの理由で機能しません。 は、ここでは、コードです：ほとんど良いことだが、特定のスポットは、まだクリックできない

<a href="#"></a> 
<div><a href="#"> 
       <figure> 
        <img src="prodimg/senseo-m.jpg"> 
       </figure> 
       </a><div class="proddetail"><a href="#"> 
        <header> 
         <hgroup> 
          <h2>Koffiepadsysteem</h2> 
          <h1>Senseo</h1> 
         </hgroup> 
         <div class="clear"></div> 
        </header> 
        <span class="price">€ 79,99</span> 
        <span class="elders">elders € 89,99</span> 
        <span class="bespaart">u bespaart € 15%</span> 
        </a><a href="#"><span class="meerinfo">Meer info</span></a> 
       </div> 
      </div> 

：私はFirefoxやChromeでコードを検査する場合

<a href="#"><div> 
       <figure> 
        <img src="prodimg/senseo-m.jpg"/> 
       </figure> 
       <div class="proddetail"> 
        <header> 
         <hgroup> 
          <h2>Koffiepadsysteem</h2> 
          <h1>Senseo</h1> 
         </hgroup> 
         <div class="clear"></div> 
        </header> 
        <span class="price">&euro; 79,99</span> 
        <span class="elders">elders &euro; 89,99</span> 
        <span class="bespaart">u bespaart &euro; 15%</span> 
        <a href="#"><span class="meerinfo">Meer info</span></a> 
       </div> 
      </div></a> 

、私はこの結果を得ます。いつ何かここでやることができますか？

Answer 1

問題が見つかりました！

アンカーでブロック要素を折り返すことは可能ですが、もう1つのアンカーをそこに配置することはできません。その後、それは壊れます。

したがって、親アンカーに子アンカーを含めることはできません。