XHTML: Размещение DIV в тегах A

Question

Является ли alright размещением тегов div внутри тегов привязки? Будет ли содержимое div перенаправлять страницу в href тега привязки?

Answer 1

Можно ли размещать теги div внутри тегов привязки?

Да, если:

1. Вы используете HTML5 / XHTML5;и
2. Тег привязки не находится во встроенном контексте.т. е. потомок элемента, который позволяет только формулировать контент.

В противном случае нет.

В HTML5 / XHTML5 элемент <a> не просто встроенный элемент, как в HTML4/ XHTML1.Вместо этого он имеет прозрачную модель содержимого, что означает, что правила проверки его содержимого такие же, как если бы его там не было.

Так, например,

<div>
   <div>Hello World</div>
</div>

допустимо, поэтому

<div>
   <a href="#">
      <div>Hello World</div>
   </a>
</div>

тоже.

Но

<p>
   <div>Hello World</div>
</p>

недопустимо, поэтому

<p>
   <a href="#">
      <div>Hello World</div>
   </a>
</p>

тоже не подходит.

Answer 2

Если вы пытаетесь достичь ссылки на уровне блоков, вы можете просто использовать CSS:

a.block {
    display: block;
    /* everything else */
}

<a class="block">...</a>

Answer 3

Нет, это, безусловно, недопустимый HTML.

-Будет ли содержимое div перенаправлять страницу на href тега привязки? Я не совсем уверен, что вы имеете в виду наэтот.Но это не содержание div, за которым следует якорь, а атрибут href якоря.