Невозможно поместить элемент div или article внутри якоря - PullRequest
Новая
       2

Невозможно поместить элемент div или article внутри якоря

4 голосов
/ 15 февраля 2012

Помещение блочных элементов внутри якоря теперь «возможно» или разрешено в 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>

Это почти хорошо, но некоторые места все еще не кликабельны. Есть идеи, когда это можно сделать здесь?

1 Ответ

8 голосов
/ 17 февраля 2012

Проблема найдена!

Завершение элемента блока в якорь возможно, но вы не можете вставить туда другой якорь. Тогда это ломается.

Таким образом, родительский якорь не может содержать дочерний якорь.

...