Apa yang terjadi pada tag tabel HTML?

Saya mulai kode HTML pada tahun 1998, dan pada waktu itu saya menggunakan banyak tag tabel, bermain dengan tr dan td, saya belajar banyak hal menganalisis kode sumber banyak portal di internet dengan notepad dan Microsoft FrontPage, yang terakhir, aw, berapa banyak meja yang tumpang tindih dengan orang lain, itu menyenangkan, saya suka waktu itu.

Namun, saya meninggalkan pemrograman web selama hampir tujuh tahun dan tahun ini saya memutuskan untuk melihat seperti apa pemrograman web hari ini. Tampaknya sama sekali berbeda, karena sebagian besar situs tidak menggunakan tag tabel, dan sebaliknya menggunakan tag div dan span.

Kenapa ini terjadi? Apa saja tag baru ini dan mengapa tag tabel tidak lagi digunakan?

The World Wide Web Consortium (W3C) dikembangkan pertama Cascading Style Sheets spesifikasi pada bulan Desember 1996. Cascading Style Sheets (CSS) telah sejak radikal berkembang dan membuat pemisahan konten HTML dari data presentasi yang lebih umum di antara situs populer.

Meskipun situs saat ini mungkin masih mengandalkan deklarasi gaya inline untuk mencapai efek yang diinginkan, jauh lebih efisien untuk memasukkan data presentasi (tinggi elemen, lebar, padding, margin, penentuan posisi absolut, dll) dalam satu file CSS yang dirujuk oleh beberapa HTML dokumen daripada memperbarui setiap contoh konten HTML saat presentasi perlu diubah.

Adopsi browser CSS tidak terjadi dalam semalam (itulah sebabnya beberapa situs utama masih mengandalkan tabel untuk mencapai presentasi seragam di berbagai browser hingga tahun 2000-an) dan, sementara beberapa browser terus berbeda dalam penerapan spesifikasi CSS W3C, grafis. browser yang tidak mendukung CSS1 sangat jarang, sehingga sangat sedikit situs populer mengandalkan tabel untuk mencapai presentasi yang kompatibel dengan browser.

The 12 Pelajaran bagi Mereka Takut CSS dan Standar artikel (diterbitkan pada tahun 2006) di A List Apart dan review dari W3C CSS Snapshot mungkin baik titik awal jika Anda ingin mengejar ketinggalan pada transisi dari layout berbasis tabel untuk CSS.

Tanpa masuk ke seluruh sejarah evolusi dev web ...
Tabel tidak pernah dimaksudkan untuk melakukan tata letak halaman; ini adalah bagian paling penting. Menggunakannya seperti itu adalah solusi yang dihasilkan oleh teknologi saat itu, baik spesifikasi yang tidak lengkap maupun browser yang tidak mampu. Akhirnya masalah-masalah itu (sebagian besar) diatasi dan sekarang tidak lagi diperlukan.

Situs SE umumnya untuk pertanyaan yang lebih praktis, misalnya. bagaimana saya ... tetapi jika Anda ingin lebih detail, banyak buku HTML tingkat pemula - dan tampaknya Anda baru mulai dari awal - memiliki ikhtisar ringkas tentang apa yang Anda tanyakan sebagai bahan pengantar.

Tabel masih ada di spec html. Tetapi mereka harus digunakan untuk menampilkan data dalam bentuk tabel! (Meskipun markup tabel telah berkembang sedikit, dengan label kolom dan grup agak lebih mudah diterapkan dengan cara yang masuk akal).

Jika Anda memiliki gambar dan konten berita yang ingin Anda tulis untuk halaman web, Anda harus menghindari tabel karena alasan yang digariskan oleh orang lain yang menjawab pertanyaan ini.

Jika Anda ingin menampilkan akun bulan dalam satu halaman, maka dengan segala cara, Anda harus menggunakan tabel untuk melakukan ini.

Bukan siapa-siapa, beberapa tahun yang lalu (dan masih, jika Anda mendukung IE 6) tabel adalah pilihan terbaik untuk menegaskan tata letak yang sama untuk semua browser.

Kerangka kerja yang menolak untuk menggunakan tabel untuk melakukan tata letak, seperti Ext, berakhir menghitung dimensi secara dinamis melalui perubahan gaya pada ukuran, yang membuatnya bekerja buggy pada beberapa browser (IE 6 disebutkan sebelumnya).

Tabel masih digunakan sebagai dasar untuk tata letak grid dalam berbagai kerangka kerja (misalnya Icefaces).

Diam-diam saya masih menggunakannya.

Yang terpenting mereka masih dalam HTML5: http://www.w3schools.com/html5/tag_table.asp . Jadi sangat aman untuk menggunakannya untuk kebutuhan tata letak bengkok Anda.

Sunting: (Setelah sedikit down-vote) Contoh yang bagus dari "kebutuhan tata letak bengkok" adalah dengan menggunakan tabel dalam email massal Anda. Jika Anda ingin junkmail Anda terlihat sama seksi dengan efek yang dijanjikan dari produk Anda, Anda tidak dapat menggunakan sebagian besar CSS.

Saya tidak selalu menggunakan peretasan yang kotor, tetapi ketika saya melakukannya saya lebih suka peretasan yang akan berlangsung selama sepuluh tahun ke depan.