Sumber berita: COMHARP
Sebagai seorang desainer web di akhir tahun 2008, apakah Anda malu untuk mengakui bahwa Anda menggunakan Tabel dalam kode Anda? Jika demikian, Anda adalah orang yang berani. Desain web adalah industri yang aneh. Anda dapat mendesain situs web Anda agar terlihat seperti iklan baris di malam hari koran, atau membuka kunci iklan di koridor, tapi jangan biarkan siapa pun tahu bahwa Anda menggunakan Tabel. Menemukan Tabel di kode sumber Anda seperti seorang penjual yang menarik celananya dan mengetahui bahwa dia mengenakan kaus kaki putih.
Tabel sangat jelek dan membengkak. Bahkan jika Anda hanya menampilkan konten sederhana, Anda masih memerlukan tiga tag dasar <table><tr><td>, dan banyak atribut yang berantakan ditambahkan ke setiap tag > Sederhana, rapi, dan modis, sangat cocok dengan CSS, membentuk model Kotak yang paling sempurna, seperti kotak di dunia nyata, Anda memasukkan sesuatu ke dalamnya dan kemudian memodifikasinya dengan bebas satu tata letak, tidak masalah, cukup ubah definisi CSS, dan tata letak baru akan lahir; tidak seperti Tabel, Tabel seperti bufet di kantin, baris dan kolom, kasar dan berminyak, seperti milik kita orang tua, jorok, membawa pulang semuanya dan menumpuknya sembarangan di sudut. Jika Div adalah kaum borjuis kecil, Tabel adalah generasi ketiga.
Artinya, dalam beberapa tahun terakhir, paling lama hanya tiga sampai lima tahun, W3C adalah organisasi yang dianggap penting oleh semua orang tetapi tidak disukai semua orang hidup. Namun situs web mereka adalah salah satu dari sedikit situs yang dapat lulus semua verifikasi standar W3C, yang berarti situs web mereka sempurna dalam hal tata bahasa, struktur, dan aksesibilitas, meskipun masih sangat jelek. Tapi ini hanya lelucon, W3C sangat penting, jika tidak Microsoft akan membawa semua insinyur pengembangan Web ke titik yang tidak dapat kembali lagi. Untungnya, setelah kematian Netscape, Nirvana merilis Firefox, dan meskipun Opera tidak menerima manfaat apa pun setelah kelahirannya Firefox, setidaknya Anda telah menerima dukungan moral. Apakah Anda melihat bahwa seorang kakak akhirnya keluar untuk menjaga Anda? Setelah Jobs kembali, Apple kembali ke kejayaannya. Baru pada saat itulah orang tahu bahwa ada browser bernama Safari di dunia. Semua ini membuat W3C benar-benar diperlukan.
W3C mengatakan bahwa Tabel dapat digunakan untuk menampung teks, teks berformat, gambar, link, formulir, dan Tabel lainnya... Namun, Tabel tidak boleh digunakan semata-mata sebagai sarana untuk menata konten dokumen), alasannya adalah Tabel akan menyebabkan masalah ketika Web dirender oleh perangkat non-visual, yang ditunjuk sebagai pembaca layar dan browser braille. Selain itu, Tabel akan memaksa pengguna untuk menggulir ke kiri dan kanan pada perangkat tampilan besar. Oleh karena itu, CSS desainer Web harus digunakan sebagai pengganti Tabel. Lihat W3C HTML 4.01 untuk definisi Tabel. Ketika W3C mengatakan ini, itu adalah tanggal 24 Desember 1999. Meskipun CSS telah lahir sejak lama, tidak banyak orang yang menggunakannya. Web asli seperti dokumen versi online dan tidak menjadi platform seperti sekarang banyak pertimbangan diberikan pada masalah tata letak. Dengan terbentuknya gelembung Internet pertama, sejumlah besar situs portal muncul. Situs web portal adalah pencetus tata letak Tabel karena beranda mereka lebih besar daripada seluruh halaman seluruh surat kabar yang digabungkan. Kompleks, Tabel sangat berguna dalam hal ini. Menggabungkan colspan dan rolspan, Anda dapat mencapai hampir semua tata letak yang rumit.
Gaya tata letak ini masih sangat populer di awal tahun 2000-an dan hingga pertengahan tahun 2000-an, khususnya di Tiongkok. Di bawah pikiran bawah sadar Da Weimei, orang-orang menjejalkan segala sesuatu yang dapat dijejalkan ke dalam satu halaman ke dalam halaman beranda di jaman dulu, walaupun segala sesuatunya tidak bisa diatur secara tertib, setidaknya diatur dalam urutan yang sama. Namun, Web semacam ini akhirnya mencapai titik di mana orang merasa jijik. Dengan munculnya pencarian, langganan RSS, dan Web yang dipersonalisasi yang diwakili oleh blog, orang memiliki lebih banyak saluran untuk memperoleh informasi tanpa harus mengunjungi beberapa situs web yang hampir diperlukan. Di beranda portal pingsan, gaya Web yang segar dan ringan muncul, menggunakan tata letak yang lebih sederhana, warna yang lebih cerah, ikon besar, spanduk besar, dan font besar yang lebih mudah dibaca , CSS sudah sangat matang, dan browser seperti Firefox, Opera, dan Safari jauh lebih baik daripada IE dalam memenuhi standar W3C. Orang-orang akhirnya menyadari kekuatan CSS. Karena inti dari CSS adalah model Kotak dalam hal tata letak, orang harus menemukan objek wadah untuk dilampirkan CSS.
Div adalah yang beruntung karena secara alami merupakan prototipe Box terbaik. Secara semantik, Div mewakili area halaman. Secara tampilan, ini berbentuk kotak diberikan semantik khusus sebelumnya (meskipun mereka juga dapat digunakan dalam model Kotak); di sisi lain, karena kebencian masyarakat terhadap Tabel yang menguasai era yang membengkak, di akhir suatu era, penerus akan bekerja keras untuk menghapus yang lama. Jejak zaman, nasib simbol-simbol atau perwakilan zaman dulu itu kebanyakan seperti ini.
Di sinilah semua perlakuan tidak adil terhadap Tabel dimulai. Mengapa ini tidak adil? Ketika W3C tidak merekomendasikan tata letak Tabel, ia hanya mengatakan bahwa CSS harus digunakan. Apa artinya ini? Tentu saja didukung, dan karena Tabel adalah objek HTML lama dan statusnya sangat penting, browser apa pun memberikan dukungan paling sempurna untuk Tabel, termasuk dukungan CSS. Ketika orang menggunakan Div, mereka sepertinya lupa bahwa Tabel juga merupakan Kotak, dan merupakan Kotak dengan banyak sel bagian dalam. Tabel secara keseluruhan tidak memiliki perbedaan dengan Div dalam hal model Kotak, dan sel bagian dalamnya, kecuali Margin. masih berupa Kotak, dan kotak bagian dalam tidak memuat konsep Margin yang perlu dipahami. Tak perlu dikatakan lagi, Div sangat bagus. Namun, ketika orang mengatakan Div + CSS, sepertinya itu menyiratkan bahwa Tabel tidak dapat menggunakan CSS. Ini adalah kesalahpahaman yang besar.
Semua properti CSS yang didukung oleh Div didukung oleh Tabel. Faktanya, sebelum Div menjadi populer, pengguna awal Div pernah berkata dengan sedikit keyakinan bahwa jika Tabel dapat melakukannya, Div juga dapat melakukannya, dan mereka juga membayar untuk kata-kata mereka harganya, orang yang mencoba mencapai pemusatan vertikal di Divs akan memahami maksud saya, dan orang yang mencoba mencapai tata letak Div 100% di IE6 tanpa CSS Hack akan lebih memahami maksud saya. 100% Masalah tinggi, masalah adaptif lebar antara beberapa Div, saya yakin siapa pun yang terlibat dalam desain Div + CSS akan menemuinya. Keunggulan Tabel dalam hal ini bukan karena keunggulannya, tetapi karena sudah tua dan tidak ada browser yang berani mengabaikannya. Juga karena karakteristik aslinya. Orang-orang menciptakan tabel karena ingin datanya ditampilkan dengan rapi .Sesederhana itu. Namun, mengapa Table kemudian mendapatkan ketenaran yang begitu besar? Pendukung Div menuduh Tabel tidak lebih dari berikut ini.
Kodenya membengkak: Anda perlu menulis setidaknya tiga tag <table><tr><td> sebelum Anda dapat memulai konten sebenarnya. Selain itu, berbagai tag Tabel juga berisi definisi atribut yang kompleks, sedangkan Div hanya membutuhkan < div >sebuah label.
Masalah kinerja rendering halaman: Browser harus membaca seluruh tabel secara menyeluruh sebelum mulai merender.
Buruk untuk SEO: Mesin pencari menyukai konten yang dipisahkan dari polesan.
Aksesibilitas buruk: Perangkat lunak pembaca layar dan browser braille tidak dapat memahami konten dalam Tabel dengan baik.
Tidak cukup semantik: Kita memerlukan Web semantik.
Artikel 1: Kodenya membengkak.
Pertama-tama, satu-satunya atribut dalam Tabel yang tidak dapat didefinisikan dengan CSS adalah Cellspacing dan Cellpadding. Semua atribut lainnya dapat dan harus menggunakan CSS <td> dan <div>, saya percaya bahwa untuk halaman web yang berukuran puluhan K, meskipun puluhan Tabel digunakan, kode tambahan dapat diabaikan. Mereka yang mengeluh tentang kode Tabel yang membengkak sebaiknya memeriksanya kebiasaan coding mereka. Seseorang yang bisa menulis Tabel yang sangat besar mungkin tidak sesingkat menulis Div.
Artikel 2: Masalah kinerja rendering halaman.
Saya menggunakan laptop tahun 2004 dengan CPU 1,6G dan memori 1G. Dalam konfigurasi ini, saya tidak dapat melihat perbedaan kecepatan apa pun antara tata letak Tabel dan tata letak Div dalam rendering halaman Jika ada sedikit perbedaan, penundaan relatif terhadap jaringan itu sendiri dapat diabaikan.
Artikel 3: Tidak kondusif untuk optimasi mesin pencari.
Jika Anda menggunakan CSS daripada atribut Tabel sebanyak mungkin, seperti yang disebutkan sebelumnya, perbedaan antara kode yang dihasilkan dan Div tidak akan terlalu besar. Apakah mesin pencari akan mendiskriminasi <tabel> tag? Saya belum menemukan dasar pernyataan ini sejauh ini.
Pasal 4: Aksesibilitas yang buruk
Ini adalah kelemahan yang melekat pada Tabel, namun sebagian besar penggemar Div + CSS tampaknya tidak menolak Tabel karena alasan ini.
Pasal 5: Semantik tidak mencukupi
Arti Web Semantik jauh lebih mendalam, tidak hanya terjerat dalam Tabel dan Div. Bahkan W3C tidak menetapkan bahwa Tabel hanya dapat digunakan untuk menampilkan data tabular dari Tabel. Teman-teman, sebaiknya Anda menunggu HTML 5, itulah semantik sebenarnya.
Tujuan artikel ini bukan untuk membuat Anda meninggalkan Div dan bergabung dengan Tabel. Sebaliknya, jika Div dapat memenuhi kebutuhan desain Anda, Div tetap menjadi pilihan pertama, namun tidak perlu menghindari Tabel, jika tidak maka akan masuk ke Tabel. ekstrim lainnya. Banyak desain yang tidak dapat dicapai dengan mudah menggunakan Div masih dapat dicapai dengan menggunakan Tabel. Tentu saja, apa pun yang digunakan, CSS harus digunakan untuk memisahkan konten dan dekorasi. Div + CSS dan Tabel + CSS keduanya merupakan desain legal, gunakan mana saja yang lebih sederhana. Menurut pengalaman saya, ketika Anda dapat memprediksi format konten Anda dan memiliki kontrol penuh atas format tampilan konten yang akan Anda tambahkan, Anda harus menggunakan Div + CSS ketika konten yang akan Anda tambahkan tidak tetap dan Anda tidak dapat memprediksinya. Untuk formatnya, jika Anda tidak ingin halaman diciutkan, menggunakan Tabel + CSS adalah pendekatan yang aman.
Sumber artikel ini: COMSHARP CMS Penulis: 35 kilometer