ฝึกเขียนโค๊ต html และ css ให้ถูกต้องด้วย Markup Validation Services จาก W3C
หน้าแรก SEO ฝึกเขียนโค๊ต html และ css ให้ถูกต้องด้วย Markup Validation Services จาก W3C
ปัญหาอย่างหนึ่งที่มือใหม่หัดเขียนโค๊ตหน้าเว็บต้องเจอกันเป็นประจำก็คือ ไม่รู้ว่าหน้าเว็บที่เราเขียนนั้นมีความถูกต้องมากน้อยแค่ไหน และมีส่วนไหนที่จะต้องได้รับการปรับปรุง จากประสบการณ์ผมพบว่าแต่ละคนจะมีรูปแบบการเขียนที่ผิดบ่อยๆไม่เหมือนกัน เช่น บางคนอาจจะชอบเขียนสะกดผิด, บางคนชอบลืมเขียนแท็กปิด หรือบางคนมักจะลืมใส่ค่า attribute สำคัญของแท็กอย่างแท็ก <img> หรือ <a> ซึ่งตัวผมเองก็ประสบกับปัญหาต่างๆอย่างนี้เหมือนกัน แล้ววันหนึ่งผมก็พบว่าเครื่องมือที่จะช่วยดัดนิสัยการเชียนโค๊ตแบบผิดๆของเราได้ดีที่สุดคือ การเอาหน้าเว็บที่เราเขียนไปตรวจสอบความถูกต้องบนเว็บของ W3C* นั่นเอง
*W3C คือคณะกรรมการกลางที่ทำหน้าที่เป็นผู้พิจารณาและกำหนดมาตราฐานการเขียนหน้าเว็บ ย่อมาจาก World Wide Web Consortium
บนเว็บไซต์ของ W3C ที่หน้าให้บริการตรวจสอบความถูกต้องของโค๊ตหน้าเว็บที่เราเขียน โดยหลักๆเราจะเข้าไปใช้บริการใน 2 หน้าสำคัญนี้กันคือ โดยหน้าแรกคือหน้า Markup Validation Service สำหรับตรวจสอบโค๊ต html หรือ xhtml ที่เราเขียน ส่วนหน้าที่สองคือหน้า CSS Validation Service สำหรับตรวจสอบโค๊ต CSS ที่เราเขียน โดยเราสามารถเข้าไปบริการได้ฟรีตามที่อยู่ลิ้งก์ดังต่อไปนี้
หน้า Markup Validation Service
http://validator.w3.org/
หน้า CSS Validation Service
http://jigsaw.w3.org/css-validator/
วิธีการใช้บริการบนทั้งสองหน้าเว็บนี้ก็สามารถทำได้ง่ายๆ เพียงแค่คุณเลือกวิธีการตรวจสอบที่คุณสะดวก โดยคุณสามารถเลือกวิธีการตรวจสอบได้ 3 วิธีดังนี้คือ
1. การตรวจสอบแบบ Validate by URI
วิธีนี้เป็นการตรวจสอบโดยใส่เป็นที่อยู่ URL ของหน้าเว็บที่คุณต้องการตรวจสอบ ใช้ในกรณีที่คุณอัพโหลดหน้าเว็บขึ้นไปไว้ที่เซิร์ฟเวอร์ของคุณเรียบร้อยแล้ว
2. การตรวจสอบแบบ Validate by File Upload
วิธีนี้เป็นการตรวจสอบโดยให้คุณอัพโหลดไฟล์หน้าเว็บที่คุณเขียนขึ้นไปเพื่อตรวจสอบโดยตรง ใช้ในกรณีที่หน้าเว็บยังเก็บอยู่ในเครื่องคอมพิวเตอร์ที่คุณใช้งาน
3. การตรวจสอบแบบ Vaildate by Direct Input
วิธีนี้เป็นการตรวจสอบโดยการให้คุณก็อปปี้โค๊ตหน้าเว็บที่คุณกำลังเขียนอยู่ขึ้นไปตรวจสอบโดยตรง ใช้ในกรณีที่หน้าเว็บของคุณกำลังอยู่ในขั้นตอนการพัฒนา
เมื่อคุณเลือกวิธีการตรวจสอบที่คุณสะดวกที่สุดและใส่ข้อมูลที่หน้าเว็บต้องได้รับเรียบร้อยแล้ว ให้คุณคลิกปุ่ม Check โปรแกรมบนเซิร์ฟเวอร์ของ W3C ก็จะเริ่มทำการตรวจสอบโค๊ตหน้าเว็บ หรือโค๊ต CSS ของคุณทันที เมื่อโปรแกรมทำการตรวจสอบเสร็จก็จะแสดงผลการตรวจสอบ โดยจะรายงานว่าหน้าเว็บหรือโค๊ต CSS ของคุณผ่านเกณฑ์มาตราฐานของ W3C หรือไม่ ถ้าไม่ผ่านจะมีการแสดงรายการโค๊ตที่คุณเขียนผิดพลาดไป พร้อมคำแนะนำในการแก้ไขให้คุณเสร็จสรรพ ที่เหลือก็แค่ให้คุณกลับไปแก้ไขโค๊ตตามคำแนะนำให้ถูกต้อง แล้วคลิกที่ปุ่ม Revalidate เพื่อทำการตรวจสอบอีกครั้ง โดยทำการแก้ไขและส่งให้ตรวจไปเรื่อยๆจนผ่านเกณฑ์มาตราฐาน W3C
แถมให้นิดนึงครับ ตอนแรกๆที่ใช้คุณอาจจะเจอรายการแสดงโค๊ตที่คุณเขียนไม่ถูกต้องเยอะหน่อย ไม่ต้องตกใจครับเพราะทุกคนต้องเริ่มจากจุดนี้ไปเหมือนกันหมดครับ แต่ไม่ต้องห่วงครับผมมีหลักการที่ช่วยให้คุณผ่านมันไปได้ง่ายขึ้นดังนี้ครับคือ หลักๆจะบริการนี้ของ W3C จะแบ่งการแสดงข้อผิดพลาดของโค๊ตเป็น 2 ประเภทคือ ประเภท error และประเภท warning ให้คุณเลือกจัดการแก้ไขปัญหาในส่วนข้อผิดพลาดประเภท error ก่อน ซึ่งเป็นข้อผิดพลาดสำคัญที่คุณจะต้องแก้ไขให้ถูกต้องให้ได้เพื่อให้โค๊ตของคุณผ่านการตรวจของ W3C ได้ โดยจัดการแก้ไขไปที่ละตัวสองตัวไปเรื่อยๆจนหมด เท่านี้ก็เพียงพอที่จะช่วยให้คุณผ่านการตรวจสอบของ W3C ได้แล้ว จากนั้นถ้ามีเวลาคุณค่อยเปลี่ยนมาจัดการกับข้อผิดพลาดประเภท warning ซึ่งเป็นเหมือนแค่คำเตือนต่ออีกทีหนึ่งเพื่อให้ทุกอย่างสมบูรณ์ขึ้นได้ในภายหลังครับ
ด้วยการนำโค๊ตไปตรวจสอบความถูกต้องบนหน้าเว็บให้บริการตรวจสอบของ W3C บ่อยๆเป็นประจำ เราจะเริ่มแก้นิสัยการเขียนโค๊ตแบบผิดๆของเราไปทีละนิดๆ พร้อมๆกับซึมซับวิธีการเขียนที่ถูกต้องไปเรื่อยๆ จนในที่สุดเราจะสามารถเขียนได้ถูกต้องไปเองโดยธรรมชาติครับ แต่ต้องตระหนักไว้อย่างหนึ่งด้วยนะครับว่าบริการนี้จะตรวจสอบความถูกต้องของการเขียนโค๊ตของเราเท่านั้นนะครับ ไม่ได้ตรวจว่าเราใช้แท็กที่สื่อความหมายหรือเปล่า ซึ่งนั่นเป็นหน้าที่ของเราเองที่จะต้องเลือกใช้ให้เหมาะสมครับ
refer: http://margin0auto.wordpress.com/2011/11/21/%E0%B8%9D%E0%B8%B6%E0%B8%81%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B9%82%E0%B8%84%E0%B9%8A%E0%B8%95-html-%E0%B9%81%E0%B8%A5%E0%B8%B0-css-%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%96%E0%B8%B9%E0%B8%81/
ขึ้นไปด้านบน