无法将div或article元素放在锚点中

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

发现问题!

可以在块中包装块元素,但是也不能在其中放置另一个锚点.然后就打破了.

因此父锚不能包含子锚.