5 Kesalahan HTML Umum Selama Konstruksi Situs Web
1. Pengaturan warna latar belakang halaman web
Peluang Kesalahan: Sangat Tinggi
Universalitas: Lebih luas
Kemungkinan membuat kesalahan: malas/tidak yakin
Sekitar 2 tahun yang lalu, saya menemukan bahwa tidak ada warna latar belakang pada 21cn. Saya memberi tahu mereka menggunakan email, dan saya tidak pernah membuat masalah ini sejak saat itu.
Kebanyakan orang memiliki warna latar belakang putih di jendela, tetapi jika seseorang seperti saya adalah seseorang, mereka akan mengubah warna latar belakang jendela jendela menjadi abu -abu atau warna lainnya. Dengan cara ini, jika Anda tidak mengatur warna latar belakang halaman web, Anda pikir halaman web normal akan terlihat seperti kekacauan di komputer saya.
2. Penyalahgunaan Pusat Align
Probabilitas membuat kesalahan: sangat tinggi
Universalitas: Sangat luas
Kemungkinan membuat kesalahan: pikir itu nyaman / berpikir itu mudah digunakan
Di tempat kerja, adalah umum untuk memodifikasi dan memelihara halaman web orang lain, dan saya menemukan bahwa banyak orang memiliki kebiasaan buruk:
Dalam teks atau gambar di tabel, bagaimana Anda membuatnya menjadi pusat, kiri atau kanan?
〈V Align = Center> Halo semuanya! Lai 〈/Div>
〈V align = center> 〈img src =/xx.gif> 〈/div>
Ketika beberapa tabel banyak, teks banyak, dan kontennya dibagi dengan sangat hati -hati, orang yang suka menggunakan metode ini (kunci pintas di DW adalah Ctrl+Alt+C, saya tidak tahu apa yang FP) sering menggunakannya dengan liar. Sayang sekali. Ketika saya menemukan halaman web seperti itu, saya sakit kepala. Mengapa Saya Perlu Menggunakan Begitu Banyak <SEV> untuk memusatkannya? Katakan padaku kenapa? Apakah tabel tidak memiliki atribut pemusatan? Mengapa menambahkan kode sampah ini? Saat memodifikasinya, Anda tidak dapat menghapus teks atau gambar dan secara otomatis menghapusnya.
Disarankan untuk menggunakan <td align = center> ke tengah. Ketika beberapa posisi diperlukan, pertimbangkan <Div Align = Center>. Karena kode ini tidak mudah untuk ditangani, jadi jika Anda dapat menggunakan tabel sebagai gantinya, gunakan tabel sebagai gantinya.
3. Kode kembali yang mengimplementasikan fungsi yang sama, atau kode berantakan
Probabilitas kesalahan: sangat umum
Universalitas: Sangat umum
Kemungkinan membuat kesalahan: kompleks dan beragam
Mari kita lihat kode berikut:
〈Center> 〈P> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/Center> Bagaimana menurut Anda kode seperti itu? 〈/Font> 〈/p>
Saya tidak tahu apa yang dirasakan pembaca. Segera setelah saya melihat kode seperti itu, saya akan mati rasa selama sepuluh detik. Tujuan dari sepuluh detik ini adalah untuk menemukan kata yang dapat mengekspresikan pikiran dan perasaan saya (saya? Apakah Anda ingin bertanya kembali kepada saya? Maaf ~~, saya biasanya tidak membuat kesalahan, karena saya menghabiskan setidaknya setengah dari waktu menjelajahi kode di halaman web, dan saya dapat melihat bahwa ada terlalu banyak hal dalam kode yang seharusnya tidak terlalu banyak.).
Lihat kode di atas. Ini menggunakan 2 kelas dan 4 font untuk mendefinisikan 2 teks. Bahkan, masalah seperti itu sering disebabkan oleh modifikasi konstan orang. Orang yang tidak terbiasa dengan kode, malas untuk melihat kode, atau tidak suka melihat kode, masalah ini sangat serius. Tentu saja, pada kenyataannya, tidak ada masalah ketika orang lain menelusuri halaman web ini, tetapi orang yang mempertahankannya ......
Kode sampah ekstra ini dapat sepenuhnya dihilangkan. Bahkan, contoh -contoh di atas tidak cukup serius, dan saya telah melihatnya lebih menakutkan.
Pertanyaan lain yang akan disebutkan adalah 〈P> ... 〈/P> dan 〈Center> ... 〈/Center>, mengapa menggunakannya? Ceritakan mengapa ~~, apa ini:
〈Td> 〈v align = center>
〈Center>
〈P Align = Center> 〈/P>
〈P Align = Center> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/Center> 〈/td> Bagaimana menurut Anda kode seperti itu? 〈/Font> 〈/p> 〈/center> 〈/div> 〈/td>
Saya akan tidak berdaya ketika saya melihat kode seperti itu (bahkan lebih tidak berdaya adalah bahwa saya sering melihatnya, dan saya harus membacanya). Izinkan saya menyederhanakannya:
〈Td align = center>
〈Font color =#ffa76c style = font-size: 14px; font-family: 家家> title 〈/font>
Menurut Anda seperti apa kode seperti itu? 〈/Td>
Apakah Anda merasa bahwa dunia ini jauh lebih tenang? Penyelesaian teks setelah judul dapat didefinisikan di kelas <td>. Bahkan jika Anda tidak menggunakan CSS, tidak apa -apa menggunakan ekstra <.font>, itu masih sangat menyegarkan.
4. Tabel ini tidak benar bersarang
Probabilitas kesalahan: normal
Universalitas: Universal
Kemungkinan membuat kesalahan: tidak tahu ini
Bahkan, ini adalah masalah karena sadar akan jalanan, tetapi orang masih terus membuat masalah. Formulir bersarang yang salah dapat membuat Anda dimarahi oleh bos di kantor, dan membuat Anda berpikir bahwa halaman web normal tidak dapat dibuka selama 2 atau 3 menit dengan ADSL. Mari kita bicara tentang masalah pertama terlebih dahulu, yaitu untuk terus -menerus menyarangkan tabel dalam tabel besar, yang akan memperlambat kecepatan pembukaan halaman web (meskipun IE saat ini telah meningkatkan masalah ini, masih belum disarankan untuk melakukan ini). Di sisi lain, pemeliharaan dan modifikasi juga sangat tidak nyaman. Secara umum, tidak ada masalah dengan aplikasi sederhana, bahkan lapisan 3 atau 4, tetapi jangan menempatkan semua konten dalam satu tabel. Masalah kedua adalah menempatkan semuanya di meja besar, dan itu termasuk kode penghitung gratis. Hehehe, coba tebak apa yang mungkin? Bahkan, itu bukan masalah besar. Yang paling serius adalah IE Anda seperti kecelakaan dan tidak ada yang ditampilkan. Solusinya adalah meletakkan penghitung dalam satu tabel dan tidak dalam tabel yang sama dengan konten lainnya.
5. Saat menulis indentasi kode, gunakan bukan tab tetapi spasi
Probabilitas kesalahan: normal
Universalitas: Kurang
Kemungkinan membuat kesalahan: Saya tidak tahu tab itu lebih baik
Pertanyaan ini adalah untuk JS, VBS, ASP, PHP, dll. Jika Anda tidak dapat menggunakan tab, Anda dapat menulis sedikit program, Anda tahu apa indentasi dan bagaimana cara indentasi? Beberapa orang menggunakan spasi, beberapa orang menggunakan tab, jika Anda menggunakan spasi, kemudian beralih ke tab mulai sekarang.