Adakah menggunakan banyak tag div yang benar -benar buruk?

3

Buku terbaru kami-yang mempunyai tajuk kontroversial-telah menyebabkan banyak perdebatan dan lebih banyak reaksi lutut daripada baldi katak di tarian barn. Komen yang saya lihat sering disiarkan ialah "Menggantikan tag jadual dengan Divs yang dipaparkan sebagai jadual tidak berbeza; Anda juga boleh menggunakan jadual. " Hujahnya menarik kerana kedengarannya seperti pengulas menyiratkan bahawa satu -satunya alasan untuk tidak menggunakan tag jadual adalah bilangan tag yang terlibat.

Saya akan melekatkan leher saya dan berkata ya, walaupun anda hanya menggantikan semua jadual meja, TR, dan TD dengan tag div yang memaparkan seperti elemen meja, lebih baik daripada menggunakan jadual HTML untuk susun atur.

Tiada siapa yang terjejas secara negatif oleh terlalu banyak tag div struktur. Perkara yang sama tidak boleh dikatakan untuk penggunaan jadual HTML untuk susun atur.

Laman web yang menggunakan jadual bersarang untuk susun atur akan sukar dicetak, sukar untuk dilihat pada peranti mudah alih, dan sukar untuk menavigasi untuk pengguna pembaca skrin. Aplikasi pembaca skrin sering tersandung di atas jadual HTML bersarang, mengumumkan sesuatu seperti "Jadual dengan 5 baris dan 2 lajur" kerana ia memasuki kandungan jadual dan "akhir jadual" ketika ia meninggalkan. Halaman web yang sama menggunakan elemen div bersarang boleh digayakan untuk disusun dengan kemas untuk mencetak dan melihat pada peranti mudah alih, dan pembaca skrin mengabaikan elemen div.

Dengan menggunakan jadual HTML, anda menyiratkan bahawa kandungan setiap sel berkaitan dengan kandungan sel -sel lain dalam 2 dimensi: dalam baris yang sama dan dalam lajur yang sama. Sebaliknya div tidak menunjukkan hubungan sedemikian dengan unsur -unsur div lain. Ia hanya perancah kandungan, dan tidak ada makna yang diperoleh dari penggunaannya.

OK, secara membabi buta menggantikan semua tag yang berkaitan dengan meja dengan elemen div mungkin bukan pendekatan yang betul untuk masalah itu, tetapi untuk mengatakan bahawa ia adalah "sama buruk" seperti menggunakan jadual HTML untuk susun atur adalah salah. HTML 4.01 mentakrifkan Div sebagai "bahasa generik/gaya gaya" atau lebih khusus:

unsur -unsur div dan span, bersempena dengan atribut ID dan kelas, menawarkan mekanisme generik untuk menambahkan struktur ke dokumen. Unsur-unsur ini mentakrifkan kandungan menjadi sebaris (span) atau tahap blok (div) tetapi tidak mengenakan idiom persembahan lain pada kandungan. Oleh itu, penulis boleh menggunakan unsur -unsur ini bersempena dengan helaian gaya, atribut Lang, dan lain -lain, untuk menyesuaikan HTML dengan keperluan dan citarasa mereka sendiri.

jadi kita boleh menggunakan elemen div untuk menentukan blok kandungan; Bunyi seperti menggunakan elemen div bersarang untuk penstrukturan kandungan adalah sah. Selagi anda tidak menggunakan unsur -unsur div sebagai ganti yang lebih sesuai seperti tajuk, perenggan, blockquotes, senarai, dan tentu saja, jadual untuk data tabular, maka anda sedang baik -baik saja.

Pendekatan yang anda ambil ketika membuat susun atur menggunakan elemen jadual HTML adalah untuk mengunci susun atur pertama dalam HTML sebelum anda gaya laman web anda. Ini salah dan lalat dalam menghadapi amalan terbaik yang ditetapkan: memisahkan persembahan anda dari kandungan anda.

Ini sama sekali berbeza dengan pendekatan susun atur CSS, walaupun menggunakan banyak elemen div. Sebagai contoh, saya boleh membungkus semua kandungan yang mewakili penjenamaan tapak dalam tag div, dan semua kandungan yang mewakili maklumat tapak tambahan dalam tag Div yang lain. Hakikat bahawa, dalam CSS, saya boleh menggunakan gaya yang menempatkan penjenamaan tapak di bahagian atas laman web dan maklumat tapak tambahan di bahagian bawah, tidak penting lagi. Pada peringkat susun atur saya mungkin melakukannya, atau saya boleh menggunakan nilai paparan yang berkaitan dengan jadual CSS untuk menjadikannya menjadi lajur atau baris. Markup boleh digayakan dengan pelbagai cara kerana pendekatan tidak mengunci susun atur dalam markup HTML.

Soalan Lazim (Soalan Lazim) Mengenai Tag Div dalam HTML

Apakah tujuan utama menggunakan tag div dalam html?

Tag Div dalam html adalah unit kontena yang merangkumi elemen halaman lain dan membahagikan dokumen HTML ke dalam bahagian. Pemaju web menggunakan tag div untuk mengumpulkan unsur -unsur HTML bersama -sama dan menggunakan gaya CSS untuk banyak elemen sekaligus. Ia adalah cara untuk mengatur kandungan dan menyediakan struktur ke susun atur web anda.

Adakah terdapat sebarang alternatif untuk menggunakan tag div?

Ya, ada alternatif untuk menggunakan tag div. HTML5 memperkenalkan unsur -unsur semantik baru yang boleh digunakan dan bukannya tag div, seperti

,,

, latar belakang warna: merah;

}

Bolehkah saya mengisytiharkan tag div dalam satu sama lain? Ini sering dilakukan untuk membuat susun atur yang kompleks. Apabila anda sarang div, ia menjadi anak div induk. Div kanak -kanak kemudiannya boleh digayakan secara bebas daripada ibu bapa. Ia juga boleh menjejaskan prestasi laman web anda, kerana setiap tag div menambah bilangan elemen yang perlu diproses oleh pelayar. Lebih baik menggunakan tag div dengan berhati -hati dan hanya apabila perlu.

Bagaimana tag div berbeza dari tag span?

Perbezaan utama antara tag div dan tag span adalah bagaimana mereka mengendalikan kandungan. Tag Div mencipta elemen peringkat blok, yang bermaksud ia akan bermula pada barisan baru dan mengambil lebar penuh yang tersedia. Tag span, sebaliknya, mencipta elemen inline yang hanya mengambil lebar sebanyak yang diperlukan. Sekiranya tag div digunakan untuk membuat susun atur yang bersih dan berstruktur, ia boleh menjadikan kandungan lebih mudah dan boleh dibaca untuk bot enjin carian, yang berpotensi meningkatkan SEO. Ini berguna untuk menggunakan gaya CSS atau fungsi JavaScript. ID adalah unik dan hanya boleh digunakan sekali setiap halaman, manakala kelas boleh digunakan beberapa kali. Walau bagaimanapun, sesetengah pelanggan e -mel tidak menyokong semua sifat CSS pada tag div, jadi sebaiknya menguji e -mel anda dalam beberapa pelanggan untuk memastikan ia memaparkan dengan betul. Jika anda memusatkan teks, anda boleh menggunakan harta Teks-Align. Jika anda memusatkan elemen peringkat blok, anda boleh menggunakan harta margin. Berikut adalah contoh:

div {

text-align: center;

}

atau

div {

margin: auto;

}

Atas ialah kandungan terperinci Adakah menggunakan banyak tag div yang benar -benar buruk?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!