Why Firexfox and IE cannot open a link (anchor) inside a tag.

Question

Why IE and Firefox cannot open a link inside the button tag, In chrome it opens the link in same window.

Example:

<button type="button"><a href="http://stackoverflow.com">stackoverflow</a></button>

Button is meant to initiate some action. If you are expecting just a redirection, you can remove the button. And if you want the button appearance you can use style sheet with anchor tag to achieve it. Even it chrome you are not supposed to do that. However as per the chrome implementation it can deal with it. It doesn't mean that you can use tags in that way. — Karpak, Dec 22 '16 at 03:59

fg78nc · Accepted Answer · 2016-12-22T04:06:06.333

2

It'not allowed to have link inside a button, according to HTML5 specifications

Content model: Phrasing content, but there must be no interactive content descendant.

a is interactive content descendant

edited Dec 22 '16 at 04:06

answered Dec 22 '16 at 03:59

fg78nc

score 1 · Answer 2 · answered Dec 22 '16 at 03:58

1

I don't know why but you should do it like this:

<a href="http://stackoverflow.com"><button type="button">stackoverflow</button></a>

answered Dec 22 '16 at 03:58

Hezron

2 Answers2