html - 跨 div 表格？它有效吗？

Question

基本上是因为一些 javascript/css 规则，我不能只将这两个div's 包装在一个表单标签中并完成它。

所以，我想知道下面的 html 是否被认为是有效的？

<div id="tab1">
    <form>
        <input type="text" name="whatever" />
</div>

<div id="tab2">
        <input type="submit" value="Submit" />
    </form>
</div>

Answer 1

不，这不是有效的 HTML/XML。

更糟糕的是，它会被解析为：

<div id="tab1">
    <form>
        <input type="text" name="whatever" />
    </form> <!-- form will be closed here, because parent is being closed -->
</div>

<div id="tab2">
        <input type="submit" value="Submit" />
    </form> <!--  not sure about what happens with this one, but it will be either removed or replaced with empty <form></form> element -->
</div>

Answer 2

此处介绍：http ://www.impressivewebs.com/dom-improperly-nested/

它是无效的 XML/XHTML，但 HTML5 会更宽容。显示/结构可能不一致，因此应彻底测试。许多浏览器现在会自动“纠正”这种格式。在任何情况下都最好避免。