การตรวจสอบการสร้างเว็บไซต์และข้อผิดพลาดทั่วไปโดยใช้มาตรฐานเว็บ

เราใช้ XHTML+CSS เพื่อออกแบบเว็บไซต์ของเราใหม่ เราจะรู้ได้อย่างไรว่าหน้าเว็บที่เราสร้างนั้นสอดคล้องกับมาตรฐานเว็บจริงๆ W3C และเว็บไซต์อาสาสมัครบางแห่งมีโปรแกรมการตรวจสอบออนไลน์เพื่อช่วยเราตรวจสอบว่าหน้าเว็บนั้นเป็นไปตามมาตรฐานหรือไม่และให้ความช่วยเหลือที่ไม่ถูกต้อง ข้อความ. การตรวจสอบเหล่านี้มีประโยชน์มากและเป็นสิ่งแรกที่ฉันทำเมื่อทำการดีบั๊กเพจ

1.การตรวจสอบ XHTML

URL การยืนยัน: http://validator.w3.org/

วิธีการตรวจสอบ: การตรวจสอบ URL, การตรวจสอบการอัพโหลดไฟล์

หากการยืนยันสำเร็จ ข้อความ "หน้านี้ถูกต้อง XHTML 1.0 Transitional!" จะปรากฏขึ้น

หากการยืนยันล้มเหลว ตัวเลือกการยืนยันเพิ่มเติมและข้อความแสดงข้อผิดพลาดจะปรากฏขึ้น

โดยทั่วไป การเลือก "แสดงแหล่งที่มา" และ "เอาท์พุตแบบละเอียด" สามารถช่วยคุณค้นหาบรรทัดที่มีรหัสข้อผิดพลาดอยู่และสาเหตุของข้อผิดพลาด

ตารางเปรียบเทียบสาเหตุข้อผิดพลาดทั่วไปในการตรวจสอบ XHTML

ไม่พบ DOCTYPE! ถอยกลับไปเป็น HTML 4.01 Transitional--DOCTYPE ไม่ได้ถูกกำหนดไว้

ไม่พบการเข้ารหัสอักขระ! กลับไปใช้ UTF-8.--การเข้ารหัสภาษาที่ไม่ได้กำหนด

แท็กปิดท้ายสำหรับ "img" ละเว้น แต่ระบุ OMITTAG NO--แท็กรูปภาพไม่ได้ปิดด้วย "/"

ข้อกำหนดค่าแอตทริบิวต์จะต้องเป็นค่าแอตทริบิวต์ตามตัวอักษร เว้นแต่จะระบุ SHORTTAG YES - ค่าแอตทริบิวต์จะต้องถูกยกมา

องค์ประกอบ "DIV" ไม่ได้กำหนด---แท็ก DIV ไม่สามารถเป็นตัวพิมพ์ใหญ่ได้ และต้องเปลี่ยนเป็น div ตัวพิมพ์เล็ก

ไม่ได้ระบุแอตทริบิวต์ที่จำเป็น "alt" --- รูปภาพจำเป็นต้องเพิ่มแอตทริบิวต์ alt

ไม่ได้ระบุแอตทริบิวต์ "ประเภท" ที่ต้องการ --- แท็กที่เรียกโดย JS หรือ CSS ขาดแอตทริบิวต์ประเภท

ข้อผิดพลาดที่พบบ่อยที่สุดประการหนึ่งคือการใช้อักษรตัวพิมพ์ใหญ่ของป้ายกำกับ ข้อผิดพลาดเหล่านี้มักเกี่ยวข้องกัน เช่น การลืมข้อผิดพลาดอื่น