我可以将按钮嵌套在另一个按钮内吗？

Question

这是由于尝试使我的html语义尽可能正确而导致的问题。

我有一个父按钮，它在同一页面中既起作用，又充当嵌套锚的大容器的父标签（重定向到另一个页面），而div标签又充当另一个按钮的父标签应该执行一些动作。

<button>
  <div id="the-most-big-container"
    <a href="http://www.RedirectMeToAnotherPage.com"></a>
   <div>
     <button> do some action </button>
   </div>
  </div>
</button>

我尝试嵌套按钮，为它提供了一个类和ID，但我没有应用到该类的任何属性，并且对子按钮也没有执行ID，更多情况下，子按钮也完全脱离了大容器并放置在DOM就像它是一个完全独立的标记，没有其他任何标记嵌套。

[更新]

显然，禁止将按钮嵌套在另一个按钮中，但是我想解释一下为什么嵌套按钮的行为不响应css样式，以及它现在在DOM上的位置如何？自己标记还是什么？

同样，现在我将不得不将父按钮标签更改为任何其他标签，以便可以将子按钮嵌套在其中。我想为父按钮标签ex提供一个替代标签的建议：我可以将父按钮更改为div标签，

但是我需要一个在语义上更具描述性的标签（除了div以外），我首先将那个父按钮用作切换按钮，这样当我单击它时，它会显示并隐藏最大的-集装箱分部

Answer 1

*<button>在<button>元素内部放置 *无效 。 在W3C建议中的button元素中，您可以阅读：

内容模型： 短语内容，但必须没有交互式内容后代。

互动内容包括：

• a
• audio (if the controls attribute is present)
• button
• embed
• iframe
• img (if the usemap attribute is present)
• input (if the type attribute is not in the hidden state)
• keygen
• label
• object (if the usemap attribute is present)
• select
• textarea
• video (if the controls attribute is present)