Bagaimana untuk menemukan yang tertutup tag div

Yang tertutup div masalah yang hampir membuat saya gila. Hal ini sangat sulit untuk melacak terutama ketika halaman yang panjang dan kompleks.

Ada saran?

Mengomentari pertanyaan (3)

Saya membuat sebuah alat yang disebut Tertutup Tag Finder yang akan melakukan apa yang anda butuhkan.

Paste di HTML anda, dan itu akan memberikan anda output seperti "Penutupan tag pada baris 188 tidak sesuai pembukaan tag on line 62."

Update: lokasi baru tidak Tertutup Tag Finder https://jonaquino.blogspot.com/2013/05/unclosed-tag-finder.html

Komentar (8)
Larutan

Seperti yang dinyatakan sudah, menjalankan kode anda melalui W3C Validator adalah besar, tetapi jika halaman anda lebih kompleks, anda masih mungkin tidak tahu persis di mana untuk menemukan terbuka div.

Saya suka menggunakan tab untuk indent kode saya. Itu membuat visual terorganisir sehingga masalah ini lebih mudah untuk menemukan, anak-anak, saudara, orang tua, dll... mereka'll muncul lebih jelas.

EDIT: Juga, aku'll menggunakan beberapa komentar HTML untuk menandai penutupan kategori di kompleks daerah. Saya membuat ini untuk minimum untuk kerapian.



    <div>
        Main Content

        <div>
            Div #1 content

            <div>
               Child of div #1

               <div>
                   Child of child of div #1
               </div>
            </div>
        </div>

        <div>
            Div #2 content
        </div>

        <div>
            Div #3 content
        </div>

    </div>

Komentar (8)

Saya tahu bahwa sudah ada beberapa jawaban yang baik, tapi saya datang di pertanyaan ini dengan Mencari di Google, dan saya berharap seseorang akan menunjukkan ini secara online

memeriksa alat...

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

Anda hanya membuang di sebuah URL dan ia akan menampilkan seluruh

peta halaman. Sangat berguna untuk cepat-cepat men-debug seperti yang saya butuhkan.

Komentar (1)

Dunia Wide Web Consortium HTML Validator lebih besar pada penangkapan HTML kesalahan.

Komentar (4)

Gunakan notepad ++ . anda dapat menemukan mereka dengan mudah

http://notepad-plus-plus.org/download/

Atau anda bisa View source dari FIREfox - tidak Tertutup div akan ditampilkan di RED

Komentar (2)

1 - Menghitung jumlah <div di notepad++ (Ctrl + F) 2 - Menghitung jumlah </div

Membandingkan dua angka!

Komentar (3)

Jika anda menggunakan Dreamweaver anda bisa dengan mudah catatan untuk tidak tertutup div. Di sebelah kiri dari tampilan kode yang anda lihat di sana <> sorot kode yang tidak valid tombol, klik tombol ini dan anda akan melihat tidak tertutup div disorot dan kemudian menutup tertutup div. Tekan F5 untuk me-refresh halaman untuk melihat yang lain tidak tertutup div yang ada.

Anda juga dapat memvalidasi halaman anda dalam Dreamweaver juga. File>Cek Page>Kompatibilitas Browser, maka tugas-pane akan muncul Klik Validasi, di sisi kiri ada anda'll melihat ► klik tombol ini untuk memvalidasi.

Nikmati!

Komentar (0)

Mengambil Milad's saran sedikit lebih jauh, anda dapat mematahkan dokumen sumber ke bawah dan kemudian melakukan hal yang lain menemukan, terus sampai anda menemukan pelakunya tak tertandingi.

Ketika anda bekerja dengan banyak modul (menggunakan CMS), atau don't memiliki akses ke W3C alat (karena anda bekerja secara lokal), pendekatan ini benar-benar membantu.

Komentar (0)

Tag Div yang mudah bagi saya. Hanya men-download file, scan atau jadi dengan netbeans, kemudian melanjutkan debugging itu. Atau anda dapat menggunakan Google chrome developer kit, dan melihat sumber halaman. I'm sedikit aneh pengembang, I don't selalu gunakan "terbaik" hal. Tetapi bekerja untuk saya.

I'll link anda dengan beberapa pengembang hal-hal yang saya gunakan

http://www.coffeecup.com/free-editor/

http://www.netbeans.org

Mereka adalah hanya beberapa dari orang-orang yang baik di luar sana. I'm terbuka untuk saran lebih lanjut untuk daftar ini :D

Bahagia pemrograman

-skycoder

Komentar (0)