Sejak W3C menubuhkan standard Xhtml1.0, banyak laman web telah mula menggunakannya untuk membina semula tapak mereka, seperti yahoo, 163, CSDN, dll. Kegilaan Xhtml+CSS2 telah meningkat sejak kebelakangan ini, jadi kadang-kadang saya juga mula untuk mempelajarinya, dan secara beransur-ansur jatuh cinta dengan mereka Sekarang mari kita bercakap tentang pengalaman pembelajaran saya dalam tempoh baru-baru ini.
Mengapa anda perlu belajar Xhtml+CSS2
Pertama sekali, kod piawai boleh dipaparkan dengan lancar dalam pelbagai penyemak imbas.
Sesetengah halaman web dengan kod bukan standard boleh dipaparkan seperti biasa dalam IE, tetapi ia mungkin tidak dipaparkan dengan betul dalam Firefox dan Opera. Walaupun penyemak imbas arus perdana semasa adalah IE dan pelbagai pelayar dengan IE sebagai teras, kami tidak menolak pangkalan pengguna pelayar yang semakin meningkat seperti Firefox dan Opera, dan kebanyakan kumpulan ini adalah veteran yang lebih mahir dalam komputer ia akan menjadi buruk jika mereka memarahi laman web mereka sebagai sampah, haha.
Sudah tentu, ini tidak bermakna halaman web yang dibuat menggunakan jadual, dsb., tidak memenuhi piawaian. Cuma ramai orang sudah biasa menggunakan Forntpage atau Dreamweaver untuk reka bentuk perisian visual ini mereka juga membawa banyak masalah, perisian ini akan menambah atau menolak beberapa kod secara automatik. Jika anda tidak mempunyai tabiat menyemak kod, ia boleh membawa kepada kod yang tidak teratur.
Kedua, DIV + CSS2 menjadikan reka letak halaman lebih mudah
Ia dikatakan sebagai Xhtml+CSS2, tetapi sebenarnya, DIV+CSS2 lebih kerap digunakan untuk membina tapak web. Jika anda telah menggunakan banyak jadual bersarang untuk susun atur atau menyediakan halaman sebelum ini, anda biasanya membahagikan halaman dan menggunakan sel untuk menerangkan kawasan Ini lebih intuitif dalam perisian seperti WYSIWYG, tetapi ia mempunyai beberapa aspek . Pertama, ia boleh menjejaskan kelajuan muat turun Kedua, untuk kod tulisan tangan, struktur sedemikian adalah sangat tidak intuitif. , Kemudian susun atur keseluruhan halaman akan berbeza sama sekali.
Menggunakan CSS untuk reka letak sama seperti mengendalikan lapisan dalam PS, kerana terdapat konsep relatif dan mutlak dalam CSS, haha, ia menjadikan susun atur halaman lebih mudah dan lebih mudah.
Selain itu, Xhtml boleh mengecilkan saiz fail
Walaupun kelajuan Internet semakin pantas dan pantas sekarang, siapa yang tidak mahu tapak mereka menjadi lebih pantas Seseorang pernah berkata, “Jarak paling jauh dalam dunia bukanlah bumi. kepada matahari, tetapi dari China Telecom ke China Netcom." Jika tapak anda pada pelayan telekom dilayari oleh pengguna talian Netcom, saiz fail halaman web pasti akan menjejaskan pengalaman penonton. Menggunakan Xhtml akan membantu anda menyelesaikan masalah ini, haha.
Memandangkan perkara di atas, saya secara beransur-ansur menjadi terbiasa menggunakan Xhtml+CSS2 untuk membina tapak web.
Pengalaman semasa pembelajaran
Alat menulis kod: Memandangkan tiada alat visual untuk menulis halaman Xhtml+CSS2, adalah perlu untuk mencari alat menulis kod yang sesuai dengan anda menggunakan Editplus, dan saya mengesyorkannya seperti yang anda cadangkan untuk beberapa petua tentang menggunakan Editplus, anda boleh membaca di sini:
http://www.ifess.com/?p=23
Struktur susun atur halaman: Halaman mesti mempunyai susun atur keseluruhan, seperti pengepala, menu, bar sisi, kandungan, pengaki, dsb., terlebih dahulu, dengan mentakrifkan atribut CSS bagi elemen ini untuk memberikan halaman pembahagian keseluruhan, dan kemudian tulis butiran khusus dalam kandungan ini supaya halaman tidak kelihatan bersepah.
Kaedah penulisan CSS: Dalam projek, nilai atribut yang mentakrifkan atribut kandungan dan atribut reka letak struktur boleh ditulis secara berasingan, yang memudahkan untuk mencari dan mengubah suai. Cuba kurangkan definisi berulang sebanyak mungkin, dan jangan tulis atribut berulang yang boleh diwarisi. Cuba gunakan nilai atribut CSS yang serasi dengan IE dan Firefox, kerana sesetengah atribut tidak boleh dipaparkan secara normal selepas ditulis, yang bersamaan dengan usaha yang sia-sia.
Fail Xhtml: Cuba gunakan pautan luaran untuk memanggil fail CSS yang hanya muncul sekali juga boleh ditulis di dalam fail. Adalah lebih baik untuk menulis ulasan semasa menulis kod, dan pastikan anda memberi perhatian kepada format penjajaran untuk memudahkan pemeriksaan ralat.
Itu sahaja yang saya boleh fikirkan buat masa ini, semua orang dialu-alukan untuk membincangkannya bersama.
Dilampirkan di bawah adalah beberapa sumber dan pautan yang biasa digunakan:
Manual Cina CSS2.0, Analisis Reka Bentuk Laman Web Perniagaan Korea, Standard Warna 2004, Manual JS:
http:/ / www.im286.com/viewthread.php?tid=875287
Halaman pengesahan Xhtml1.0:
http://validator.w3.org/checklink
CSS Halaman pengesahan:
http://jigsaw.w3.org/css-validator/
Pengoptimuman dalam talian CSS:
http://flumpcakes.co.uk/ css /optimiser/
Sumber artikel: http://www.ifess.com/?p=70 Pengarang: Ipv6 Lapuk, sila nyatakan apabila mencetak semula.