HTML a href link with button not work in firefox but work google chrome why is it?

Question

Why this html code not work in firefox ? when i clicked the button link not work but google chrome work fine.

<button>
<a style="text-decoration:none" href="index.php?cmd=BlogAddForm">Add Note</a>
</button>

This is not valid HTML. Some browsers allow it, others don't. — Barmar, Dec 19 '13 at 03:41
possible duplicate of [Button inside of anchor link works in Firefox but not in Internet Explorer?](http://stackoverflow.com/questions/802839/button-inside-of-anchor-link-works-in-firefox-but-not-in-internet-explorer) — Barmar, Dec 19 '13 at 03:43
Oops, just realized that duplicate question is the opposite nesting. But they're both invalid. — Barmar, Dec 19 '13 at 03:44

score 1 · Answer 1 · answered Dec 19 '13 at 03:42

1

This is technically not valid html syntax. Some browsers allow it, but you would need to remove the anchor tag from within the button.

answered Dec 19 '13 at 03:42

tier1

score 1 · Accepted Answer · answered Dec 19 '13 at 03:46

1

answered Dec 19 '13 at 03:46

Tieson T.

1

http://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content says Phrasing content is the text of the document, as well as elements that mark up that text at the intra-paragraph level. Runs of phrasing content form paragraphs. --> a (if it contains only phrasing content) – Banana-In-Black Dec 19 '13 at 04:01
And `` could be phrasing content when it only contains phrasing content? – Banana-In-Black Dec 19 '13 at 04:02
1

@Banana-In-Black An `` element with an `href` attribute is an interactive element. It can still have phrasing content, but it can't be nested within a ` – Tieson T. Dec 19 '13 at 04:25

2 Answers2