XHTML: Размещение DIVs в тегах 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

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

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

Answer 3

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

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

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