無法把一個div或文章元素錨

Question

把塊元素的錨點裏面現在是「可能」或允許HTML5，但它並沒有出於某種原因。 下面的代碼：

<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> 

當我檢查在Firefox或Chrome的代碼，我得到這樣的結果：

<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> 

這幾乎是良好的，但特定的地點仍然是不可點擊。有什麼想法可以在這裏完成？

Answer 1

發現問題！

封裝在一個錨塊元素是可能的，但你不能把另一停泊在那裏。然後它破裂。

所以家長錨不能包含一個子錨點。