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

  • Z时代
  • 2024-01-10
  • 分类：问答

这是由于尝试使我的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以外），我首先将那个父按钮用作切换按钮，这样当我单击它时，它会显示并隐藏最大的-集装箱分部

回答：

。 在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)

以上是 我可以将按钮嵌套在另一个按钮内吗？ 的全部内容， 来源链接： utcz.com/qa/428948.html

回到顶部