Kami menggunakan XHTML+CSS untuk mendesain ulang situs web kami. Bagaimana kami tahu bahwa halaman yang kami buat benar-benar mematuhi standar web? W3C dan beberapa situs sukarelawan menyediakan program verifikasi online untuk membantu kami memeriksa apakah halaman tersebut memenuhi standar dan memberikan bantuan yang salah pesan. Pemeriksaan ini sangat berguna dan merupakan hal pertama yang saya lakukan saat men-debug suatu halaman.
1.Validasi XHTML
URL verifikasi: http://validator.w3.org/
Metode verifikasi: verifikasi URL, verifikasi unggahan file
Jika verifikasi berhasil, akan ditampilkan "Halaman Ini Valid XHTML 1.0 Transisi!"
Jika verifikasi gagal, opsi verifikasi lainnya dan pesan kesalahan akan ditampilkan.
Umumnya, memilih "Show Source" dan "Verbose Output" dapat membantu Anda menemukan baris di mana kode kesalahan berada dan penyebab kesalahan tersebut.
Tabel perbandingan penyebab umum kesalahan validasi XHTML
Tidak Ditemukan DOCTYPE! Kembali ke HTML 4.01 Transisi--DOCTYPE tidak ditentukan.
Pengkodean Karakter Tidak Ditemukan! Kembali ke UTF-8.--Pengkodean bahasa tidak ditentukan.
tag akhir untuk "img" dihilangkan, tetapi OMITTAG NO telah ditentukan--Tag gambar tidak ditutup dengan "/".
spesifikasi nilai atribut harus berupa nilai atribut literal kecuali SHORTTAG YES ditentukan--Nilai atribut harus diberi tanda kutip.
elemen "DIV" tidak ditentukan---Tag DIV tidak boleh menggunakan huruf besar dan harus diubah menjadi div huruf kecil.
atribut yang diperlukan "alt" tidak ditentukan---Gambar perlu menambahkan atribut alt.
atribut yang diperlukan "tipe" tidak ditentukan---Tag yang dipanggil oleh JS atau CSS tidak memiliki atribut tipe.
Salah satu kesalahan paling umum adalah penggunaan huruf besar pada label. Seringkali kesalahan ini saling berkaitan, misalnya lupa yang lain
2.Validasi CSS2
URL verifikasi: http://jigsaw.w3.org/css-validator/
Metode verifikasi: verifikasi URL, verifikasi unggah file, verifikasi kode langsung
Jika verifikasi berhasil, akan ditampilkan "Selamat, dokumen ini telah lulus verifikasi style sheet!"
Jika verifikasi gagal, dua jenis kesalahan akan ditampilkan: kesalahan dan peringatan. Error berarti harus diperbaiki, jika tidak maka tidak lolos verifikasi berarti ada kode yang tidak direkomendasikan oleh W3C dan disarankan untuk dimodifikasi.
Tabel perbandingan penyebab umum kesalahan validasi CSS2
(Error) Nomor tidak valid: color909090 bukan nilai warna: 909090 ---Nilai warna heksadesimal harus ditambah dengan tanda "#", yaitu #909090
(Kesalahan) Angka tidak valid: margin-topDimensi tidak diketahui: 6 piksel --- piksel bukan nilai satuan, cara penulisan yang benar adalah 6 piksel
(Kesalahan) Properti scrollbar-face-color tidak ada: #eeeeee --- Mendefinisikan warna scrollbar adalah properti non-standar
(Kesalahan) Nilai kursortangan tidak ada: tangan adalah nilai atribut non-standar, diubah menjadi kursor:penunjuk
(Peringatan) Baris: 0 font-family: Disarankan agar Anda menentukan jenis keluarga sebagai pilihan terakhir--W3C merekomendasikan bahwa ketika mendefinisikan font, akhiri dengan jenis font, seperti "sans-serif", untuk memastikan bahwa itu dapat digunakan dalam operasi yang berbeda Di bawah sistem, font web dapat ditampilkan.
(Peringatan) Baris: 0 tidak dapat menemukan pesan peringatan untuk profil lain --Menunjukkan bahwa ada atribut atau nilai non-standar dalam kode, dan program verifikasi tidak dapat menentukan dan memberikan informasi peringatan yang sesuai.
Alamat tautan artikel ini: http://www.williamlong.info/archives/166.html