2013-11-07 4 views
0

обычно для ссылки HTML:html ссылка правильное размещение?

<p><a href="#">this is link</a></p> 
<h1><a href="#">this is link</a></h1> 
<span><a href="#">this is link</a></span> 

Может HREF ссылка компресс снаружи другого элемента, как так?

<a href="#"><p>this is link</p></a> 
<a href="#"><h1>this is link</h1></a> 
<a href="#"><span>this is link</span></a> 

а также за пределами div?

<a href="#"> 
<div>this is div 
    <p>here is the paragraph</p> 
    <div>and nested div</div> 
</div> 
</a> 
+0

Дайте ему попробовать - это работает? –

+0

Посмотрите здесь: http://stackoverflow.com/questions/4465923/a-href-link-for-entire-div-in-html-css – ashatte

+0

ya это работает для меня, но я не уверен, что это будет подтверждено в валидаторе ... –

ответ

1

Да. В спецификации нет никаких «запрещенных» элементов для <a> (кроме стандартных <html>, <body>, <head>, <title>, <meta> ...). <a> ссылки, и все заслуживают связи.

Имейте в виду, что Тхо <a> инлайн, так что вам придется установить display: block, чтобы использовать его как <div>

1

Да, вы могли бы это сделать. Это выглядит немного странно, но это сработает. Обратите внимание, что в вашем втором примере текст будет отображаться по одной и той же ссылке «#».

Смежные вопросы