html - 将一些标签放在 标签内是有效的标记吗？

Question

这是我的代码:

<button class="btn_add_your_qora" type="submit">
    <div class="add_your_qora ">
        <a>send</a>
    </div>
</button>

JS(点击)和 CSS(内部 div 的hover)在 Chrome 上运行良好。但是 JS 和 CSS (hover) 都不能在 FireFox 上运行。标记有效吗？如果是，问题是什么？

Answer 1

那不是有效的 HTML。按钮的上下文是 Phrasing Content所以它们应该只包含文本节点，或者标记文本节点的内容。他们也不能有 interactive content作为后代，所以你不能有 <a>也可以在其中标记。

相反，您应该使用 div 的样式设置按钮的样式，并使按钮的操作与 <a> 相同标签，或者更好的是，只是样式 <a>像按钮 + div 这样的标签。

有关<button>的更多信息检查this .