<a><button> ...</button></a>和<button><a> ...</a></button>有什么区别？

我一直在使用这个互换，工作是一样的。有什么区别吗？哪种方法应该在哪些情况下使用？ <a><button> ...</button></a>和<button><a> ...</a></button>有什么区别？

<html> 
    <head> 
    </head> 
    <body> 
     <a href="http:\\www.google.com"><button> click </button></a> 
     <button><a href="http:\\www.google.com"> click </a></button> 
    </body> 
</html>

来源

2016-08-11 Sanket Deshpande

不能嵌套互动元素！ – Oriol

@Oriol感谢您的具体陈述。现在我已经阅读了文档的这一部分，这更清楚。 –

这两者在HTML中都是禁止的。所以都不要用。

如果你想不想找个链接。使用<a href=""></a>。
如果你想提交表单。使用<button></button>
如果你想控制触发的JavaScript（和无法弄清楚如何与progressive enhancement做到这一点），用<button type="button"></button>

然后应用CSS使它看起来你想要的方式。

来源

2016-08-11 18:52:52 Quentin

但有时我用它像“点击这个按钮去回页”在这种情况下做什么？ –

@SanketDeshpande - 理想？完全删除。浏览器内置后退按钮，人们知道如何使用它们。他们在每个网站上都以相同的方式工作。（如果不这样做，那么你没有链接到任何地方，你也没有提交表单，所以你被困在选项3和调用history.back的JavaScript上）。 – Quentin

明白，我用了很多其他目的，如访问主页，订阅频道等，但现在选择第三是。 –

<a><button> ...</button></a>和<button><a> ...</a></button>有什么区别？

回答

相关问题