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

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之外的其他东西),我首先将该父按钮用作切换按钮,这样当我点击它时它会显示并隐藏最大的 - 容器DIV.

Answer 1

它是无效的把一个<button>一个内部<button>元素.
在按钮元素的WC3推荐中,您可以阅读:

内容模型:
短语内容,但必须没有互动内容后代.[来源:w3.org ]

互动内容包括:

• 一个
• audio(如果存在controls属性)
• 按键
• 嵌
• IFRAME
• img(如果存在usemap属性)
• 输入(如果type属性不处于隐藏状态)
• 凯基
• 标签
• 对象(如果存在usemap属性)
• 选择
• textarea的
• 视频(如果存在controls属性)