65

閉じられていない div の問題は、ほとんど私を夢中にさせます。特にページが長く複雑な場合、追跡するのは非常に困難です。

助言がありますか？

4

9 に答える 9

28

既に述べたように、 W3C Validatorを介してコードを実行することは素晴らしいことですが、ページが複雑な場合は、開いている div の場所が正確にわからない場合があります。

タブを使用してコードをインデントするのが好きです。これらの問題、子供、兄弟、両親などを見つけやすくするために視覚的に整理しておくと、より明白に見えます。

編集: また、いくつかの HTML コメントを使用して、複雑な領域の終了タグをマークします。きれいにするためにこれらを最小限に抑えます。

<body>

    <div>
        Main Content

        <div>
            Div #1 content

            <div>
               Child of div #1

               <div>
                   Child of child of div #1
               </div><!--// close of child of child of div #1 //-->
            </div><!--// close of child of div #1 //-->
        </div><!--// close of div #1 //-->

        <div>
            Div #2 content
        </div>

        <div>
            Div #3 content
        </div>

    </div><!--// close of Main Content div //-->

</body>
于 2011-06-07T22:32:43.207 に答える
16

World Wide Web Consortium HTML Validatorは、HTML エラーの検出に優れています。

于 2011-06-07T22:27:02.633 に答える
15

すでに良い回答がいくつかあることは知っていますが、Google 検索でこの質問に出くわしました。誰かがこのオンライン チェック ツールを指摘してくれたらよかったのにと思います...

http://www.tormus.com/tools/div_checker

URL を入力するだけで、ページ全体の地図が表示されます。私が必要としていたような迅速なデバッグに非常に便利です。

于 2013-07-17T17:19:15.153 に答える
8

1- <divnotepad ++（Ctrl + F）
での数を数えます2-の数を数えます</div

2つの数字を比較してください！

于 2013-02-20T19:39:49.317 に答える
1

ミラッドの提案をもう少し進めて、ドキュメントソースを分解してから、別の検索を実行し、比類のない原因を見つけるまで続けることができます。

（CMSを使用して）多くのモジュールを操作している場合、または（ローカルで作業しているため）W3Cツールにアクセスできない場合、このアプローチは非常に役立ちます。

于 2013-03-13T02:20:42.663 に答える