html link correct placement?

Question

normally for a html link:

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

Can a href link wrap outside of other element like so?

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

and also outside a div?

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

Look here: http://stackoverflow.com/questions/4465923/a-href-link-for-entire-div-in-html-css — ashatte, Nov 07 '13 at 01:26
ya it works for me but I'm not sure doing so is will validate in the validator... — Vincent Chua, Nov 07 '13 at 01:28

score 1 · Answer 1 · answered Nov 07 '13 at 01:27

1

Yes, you could do this. It looks a little odd, but it will work. Take note that in your second example the text will all map to the same link "#".

answered Nov 07 '13 at 01:27

deweyredman

1,440
1
9
12

bjb568 · Accepted Answer · 2013-11-08T16:51:44.783

1

Yes. There isn't any "prohibited" elements for <a> in the spec (except for the standard <html>, <body>, <head>, <title>, <meta>...). <a> links, and everyone deserves to be linked.

Keep in mind tho that <a> is inline, so you will have to set display: block to use it like <div>

edited Nov 08 '13 at 16:51

answered Nov 07 '13 at 01:28

bjb568

11,089
11
50
71

html link correct placement?

2 Answers2

Linked