1

基本的に、いくつかのjavascript / cssルールのために、これら2つdivをフォームタグでラップしてそれで済ませることはできません。

それで、私は以下のhtmlが有効であると考えられるかどうか疑問に思いますか？

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

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

2 に答える 2

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>
于 2012-09-19T23:08:32.517 に答える
1

ここで取り上げる：http：//www.impressivewebs.com/dom-improperly-nested/

これは無効なXML/XHTMLですが、HTML5の方が耐性があります。表示/構造に一貫性がない可能性があるため、徹底的にテストする必要があります。多くのブラウザは、このタイプのフォーマットを自動的に「修正」するようになりました。いずれの場合も避けるのが最善です。

于 2012-09-19T23:09:42.073 に答える