Saya sudah lama mengenal standar web, tetapi belum lama ini saya mulai mempraktikkannya. Hari ini saya ingin berbagi beberapa wawasan tentang struktur kode dengan pemula seperti serigala. Artikel ini adalah bacaan pengantar.
Beberapa teman mungkin merasa sedikit bingung setelah melihat judul ini, jadi biarkan Wolf menjelaskannya kepada semua orang.
Pertama-tama, mari kita bicara tentang pemahaman Wolf tentang bagian pidato “DIV CSS”. Wolf menganggapnya sebagai kata sifat. Dia menggambarkan adopsi teknologi desain web yang menggunakan DIV (sebenarnya XHTML) sebagai struktur dan CSS sebagai presentasi. Ketika standar web diperkenalkan di Tiongkok, banyak orang menggambarkan penggunaan desain standar web sebagai "DIV CSS" untuk memudahkan semua orang memahaminya! Namun, masalah juga muncul. Banyak desainer yang baru mengenal standar web berpikir bahwa mereka harus menggunakan DIV untuk menggantikan tata letak tabel asli kami. Struktur halaman web yang mereka rancang juga mencakup DIV dan CSS.
Kesalahan yang terjadi seperti terlihat pada gambar. Semua elemen mengadopsi tata letak DIV.
Analisis kesalahan yang sederhana. Karena pemahaman yang salah, banyak pemula akan sepenuhnya menggunakan DIV untuk tata letak seperti itu, DIV2 dan 3 tidak memiliki semantik sama sekali. Salah satu alasan kami mengadopsi standar web adalah untuk membuat struktur kode lebih bermakna. Saya ingat pernah berpikir para ahli mengatakan bahwa menggunakan DIV tanpa pandang bulu sama buruknya dengan menggunakan tata letak tabel.
Sebenarnya kita bisa memodifikasi kodenya seperti ini. Mari kita buat struktur halaman web kita lebih baik.
Di sini, DIV2 dan 3 diganti dengan h2 dan p yang lebih sesuai dengan konten halaman. Jadikan struktur kode halaman lebih jelas dan bermakna.
Saya yakin setiap orang harus memahami arti "DIV CSS sebenarnya bukan DIV CSS" melalui contoh Wolf.