Question

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

所以，我想知道下面的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会更宽容。显示器/结构可能不一致，因此应彻底测试。现在许多浏览器都会自动“纠正”这种格式。在任何情况下都最好避免。

交叉形式？它有效吗？

2 个答案: