Может ли тег a содержать внутри div?

Question

[Дмитрий Мельник]

Собственно, вопрос в заголовке.
Нашел инфу что в html4.1 нельзя так делать, а вот про html5 где-то слышал, что можно, но найти не могу

Answer 1

[Сергей Попов]

В соответствии с последней спецификацией, да, может. Вот тут подробный видеоразбор.

Comments

[Дмитрий Мельник]

То что нужно, спасибо

Answer 2

[FabiBoom]

Да может, но все зависти от родителя(по спецификации):

<section>
   <a href="#"> 
            <div>МОЖНО</div>
    </a>
</section>

<span>
   <a href="#"> 
            <div>Нельзя</div>
    </a>
</span>

То есть если в родитель ссылки можно вставить div, то и в a можно )))

Answer 3

[Rsa97]

Читайте стандарт.

4.5.1. The a element
...
Content model:
Transparent, but there must be no interactive content or a element descendants.

То есть, элемент <a> в целом наследует контентную модель родителя, но не может содержать интерактивный контент и вложенные элементы <a>.

Comments

[Сергей Попов]

Можно обойти двумя способами. Трюк с позиционированием. Еще один трюк.

[027]

Сергей Попов, первый трюк (уже?) не работает, а за второй спасибо!

Answer 4

[Александр]

А зачем?
https://jsfiddle.net/q7wg9z26/1/

Answer 5

[profesor08]

По правилам хорошего тона, строчные элементы не должны содержать внутри себя блочные. Но если надо сделать блок ссылкой, то почему бы и нет?

Comments

[Александр]

А почему бы самому <a> </a> не задать display:block ?

[Сергей Попов]

Читайте спецификацию. Ссылки оставил в ответе выше.