Beberapa nota pemikiran saya tentang standard web (1)_Pertukaran pengalaman

Saya mula mempelajari standard web pada awal tahun lepas, dan saya telah memperoleh sedikit pengalaman sejak dua tahun lalu. Saya baru-baru ini bertukar kerja dan hanya bebas di rumah, jadi saya menulis sesuatu untuk dikongsi dengan semua orang.

1 Pemahaman tentang standard web dan spesifikasi W3C XHTML

Menurut pemahaman lazim, kedua-dua konsep ini nampaknya merujuk kepada perkara yang sama (perkara ini kita bincangkan dalam edisi ini) Teori lanjutan"^_ ^). Tetapi saya fikir, sebenarnya, dari sudut teknikal, kedua-dua perkara ini hampir tidak mempunyai kaitan langsung. Ringkasnya, piawaian web adalah untuk melaksanakan struktur, prestasi dan tingkah laku halaman secara bebas. Secara lebih umum, ia adalah bahasa popular "div+css" dalam pengambilan hari ini. Walau bagaimanapun, tiada versi W3C XHTML meletakkan sekatan pada konsep standard web. Jelas sekali, kita boleh menggunakan xhtml 1.1 untuk menulis halaman web kedudukan jadual. Pada ketika ini, anda mungkin berfikir bahawa saya bercakap banyak karut. Tetapi dengan mana-mana teknologi, anda hanya boleh menggunakannya dengan betul apabila anda mempunyai pemahaman yang cukup jelas tentang konsep asas. Biar saya bercakap tentang dua laluan sesat aplikasi standard Web hari ini daripada dua aspek berikut:

Situasi pertama adalah sangat mudah. Saya berpendapat bahawa selagi XHTML+CSS digunakan, ia adalah standard Web. Halaman penuh dengan kelas dan id. Jangan ragu untuk menentukan kelas berasingan untuk setiap butiran. Perbezaan antara halaman sedemikian dan HTML tradisional ialah terdapat tambahan "/" dalam teg img. Malah, lebih baik untuk kembali kepada HTML tradisional Sekurang-kurangnya saya boleh menggunakan fon dengan mudah daripada sentiasa mencari helaian gaya seperti kamus. Satu lagi penggunaan CSS yang lebih halus dan kasual yang akan saya bincangkan kemudian.

Saya rasa situasi kedua lebih sukar untuk difahami, iaitu cuba menggunakan pelbagai penyataan sarang div dan css yang rumit untuk mencapai prestasi yang anda inginkan. Contoh yang sangat mudah ialah dalam siaran yang baru saya lihat " Bucu bulat pada halaman tanpa memotong imej ". Pertama sekali, saya ingin memastikan bahawa idea ini benar-benar bagus, menggunakan fungsi CSS untuk "melukis" sudut bulat. Untuk melakukan ini, pereka bentuk mesti menambah bahagian besar kod seperti berikut dalam kedudukan yang sepadan:




Walau bagaimanapun, ini secara serius melanggar konsep asas standard Web - pengasingan struktur dan prestasi . Kerana ia meletakkan kod yang digunakan untuk mengawal prestasi halaman web dalam dokumen struktur. Mungkin anda akan mengatakan bahawa ia sebenarnya meletakkan kod prestasi sebenar dalam CSS. Tetapi saya fikir ini adalah konsep yang dicuri. Oleh kerana teg b di atas tiada kaitan dengan struktur halaman web, semuanya adalah teg kosong. Iaitu, ia tidak wujud untuk meletakkan sesuatu di mana struktur dokumen memerlukannya. Jadi ia hanyalah kod sampah untuk struktur dokumen.

Contoh lain mungkin lebih halus. Saya telah melihat artikel di alistapart.com sebelum ini tentang cara melaksanakan lajur tiga hala pada halaman web Prinsipnya mungkin menggunakan tiga atau empat div untuk bersarang antara satu sama lain. Saya fikir ini juga melanggar piawaian Web. Kerana susunan teg div ini diletakkan dalam kod bukan semata-mata untuk keperluan struktur, tetapi untuk prestasi halaman web.

Sememangnya saya akui pandangan di atas adalah keterlaluan pada tahap tertentu (tetapi sebaliknya, jika anda terpaksa melaksanakan sudut bulat bukan gambar, bukankah terlalu berlebihan, haha) . Kadang-kadang struktur dan prestasi tidak begitu mudah dipisahkan untuk mencapai beberapa prestasi yang kaya, kita perlu membiarkan struktur menyesuaikan diri (fikir tentang penggunaan

). Tetapi penting untuk mengetahui apa yang betul dan apa yang salah. Walaupun kadang-kadang kita terpaksa melakukan sesuatu yang salah.

Akhir sekali, saya ingin menyatakan bahawa saya tidak mengatakan "sudut bulat bukan gambar" tidak bermakna atau salah. Saya juga mengagumi kepintaran dan inspirasi penulis. Saya rasa penyelidikan teknikal jenis ini sama seperti menggunakan CSS untuk melukis bendera negara sebelum ini, dan ia sangat membantu untuk menguasai teknologi CSS. Walau bagaimanapun, penggunaannya hendaklah terhad seperti bendera CSS dan tidak boleh diterima pakai dalam aplikasi praktikal. Kerana ia melanggar prinsip asas standard web.