Hari 12: Pengesahan dan Ralat Biasa_Tutorial Asas

Selepas bekerja keras selama beberapa hari, kami bekerja keras untuk belajar menggunakan XHTML+CSS untuk mereka bentuk semula tapak web kami. Jadi bagaimana kita tahu bahawa halaman yang kita buat benar-benar mematuhi piawaian web? W3C dan beberapa tapak web sukarelawan menyediakan program pengesahan dalam talian untuk membantu kami menyemak sama ada halaman mematuhi piawaian dan menyediakan maklumat bantuan untuk membetulkan ralat. Semakan ini sangat berguna dan merupakan perkara pertama yang saya lakukan semasa menyahpepijat halaman.

Pengesahan 1.XHTML

• URL Pengesahan: http://validator.w3.org/
• Kaedah pengesahan: Pengesahan URL, pengesahan muat naik fail

Jika pengesahan berjaya, "Halaman Ini Sah XHTML 1.0 Peralihan!"

Jika pengesahan gagal, lebih banyak pilihan pengesahan dan mesej ralat akan dipaparkan, seperti yang ditunjukkan dalam rajah:

Secara amnya, memilih "Tunjukkan Sumber" dan "Output Verbose" boleh membantu anda mencari baris tempat kod ralat berada dan punca ralat.

Jadual perbandingan punca ralat pengesahan XHTML biasa

Tiada DOCTYPE Ditemui! Kembali ke HTML 4.01 Peralihan--DOCTYPE tidak ditakrifkan.

Tiada Pengekodan Aksara Ditemui! Kembali ke UTF-8.--Pengekodan bahasa tidak ditentukan.
• teg akhir untuk "img" ditinggalkan, tetapi OMITTAG NO telah ditentukan--Teg imej tidak ditutup dengan "/".
• spesifikasi nilai atribut mestilah literal nilai atribut melainkan SHORTTAG YA ditentukan--Nilai atribut mesti dipetik.
• elemen "DIV" tidak ditentukan---teg DIV tidak boleh dalam huruf besar dan mesti ditukar kepada div huruf kecil.
• atribut yang diperlukan "alt" tidak dinyatakan---Imej perlu menambah atribut alt.
• "jenis" atribut yang diperlukan tidak dinyatakan---Teg yang dipanggil oleh JS atau CSS terlepas atribut jenis.
Salah satu ralat yang paling biasa ialah penggunaan huruf besar pada label. Biasanya ralat ini berkaitan Contohnya, jika anda terlupa , teg
• lain akan melaporkan ralat, jadi jangan takut melihat sekumpulan ralat ralat lain akan hilang. Jika halaman anda melepasi pengesahan XHTML1.0, anda boleh meletakkan ikon sedemikian pada halaman:

Kodnya adalah seperti berikut:

w3. org/check/referer">

2.Pengesahan CSS2

URL Pengesahan:

http://jigsaw.w3.org/css-validator/

• Kaedah pengesahan: Pengesahan URL, pengesahan muat naik fail, pengesahan kod langsung
• Jika pengesahan berjaya, "Tahniah, dokumen ini telah lulus pengesahan helaian gaya akan dipaparkan Hoho, maklumat pengesahan menyokong bahasa Cina. Seperti yang ditunjukkan dalam gambar:

Jika pengesahan gagal, dua jenis ralat akan dipaparkan: ralat dan amaran. Ralat bermakna ia mesti diperbetulkan, jika tidak ia tidak akan lulus pengesahan; amaran bermakna terdapat kod yang tidak disyorkan oleh W3C dan disyorkan untuk mengubah suainya.

Jadual perbandingan punca ralat pengesahan CSS2 biasa

(Ralat) Nombor tidak sah: color909090 bukan nilai warna: 909090 ---Nilai warna heksadesimal mesti ditambah dengan tanda "#", iaitu #909090

(Ralat) Nombor tidak sah: margin-topDimensi tidak diketahui: 6piksel ---piksel bukan nilai unit, kaedah penulisan yang betul ialah 6px

(Ralat) Atribut scrollbar-face-color tidak wujud: #eeeeee --- Mentakrifkan warna bar skrol ialah atribut bukan standard
• Nilai (Ralat) tangan kursor tidak wujud: tangan ialah nilai atribut bukan standard, diubah suai kepada kursor:penunjuk
• (Amaran)Baris: 0 font-family: Anda disyorkan untuk menentukan jenis keluarga sebagai pilihan terakhir--W3C mengesyorkan bahawa apabila menentukan fon, akhiri dengan jenis fon, seperti "sans-serif", untuk memastikan fon Web boleh dipaparkan di bawah sistem pengendalian yang berbeza.
• Barisan (Amaran): 0 tidak dapat mencari mesej amaran untuk profil lain --Menunjukkan bahawa terdapat atribut atau nilai bukan standard dalam kod dan program pengesahan tidak dapat menentukan dan memberikan maklumat amaran yang sepadan.
• Begitu juga, selepas lulus pengesahan, anda boleh meletakkan ikon lulus pengesahan CSS, kodnya adalah seperti berikut: