ในวงการอินเทอร์เน็ตในปัจจุบัน คำว่า มาตรฐานเว็บ กำลังเป็นที่นิยมมากขึ้นเรื่อยๆ ในแนวคิดของผู้ใช้และนักพัฒนาเว็บ อย่างไรก็ตาม แนวคิดของมาตรฐาน WEB นั้นกว้างเกินไป และผู้คนก็มีมุมมองที่แตกต่างกันว่ามาตรฐาน WEB คืออะไรและมีอะไรบ้าง ที่ฟอรัมการประกวดเทมเพลต ShopEx "E-Dong Cup" ซึ่งสนับสนุนโดย China E-Dong.com ผู้เข้าแข่งขันและผู้วิจารณ์ได้พูดคุยกันอย่างกระตือรือร้นเกี่ยวกับมาตรฐานเว็บและ "เทคนิคการแสดงออก" ของโค้ดเทมเพลต เพื่อให้ทุกคนสามารถเข้าใจแนวคิดที่อ้างอิงโดยทั่วไปตามมาตรฐานเว็บ
ไม่มีสิ่งที่เรียกว่า "มาตรฐาน" มีแต่ข้อเสนอแนะเท่านั้น
ก่อนอื่นคุณควรเข้าใจว่าไม่มีมาตรฐาน WEB ที่แท้จริง แต่มีบางองค์กรที่ส่งเสริมการกำหนดมาตรฐาน เช่น มาตรฐาน ISO และ Ecma เมื่อคนส่วนใหญ่อ้างถึงมาตรฐานเว็บ จริงๆ แล้วพวกเขากำลังหมายถึงบางสิ่งจาก W3C แต่ W3C ไม่ได้กำหนดมาตรฐานจริงๆ พวกเขาเพียงให้คำแนะนำเท่านั้น “คำแนะนำของ W3C เป็นข้อกำหนดหรือชุดแนวทางที่ได้รับการอนุมัติจากสมาชิก W3C และผู้อำนวยการแล้ว W3C แนะนำให้ปรับใช้คำแนะนำในวงกว้าง”
ความหมายของมาตรฐานเว็บ
โดยทั่วไปแล้ว มาตรฐานของเว็บจะประกอบด้วยส่วนต่างๆ ดังต่อไปนี้:
• HTML/XHTML ที่ถูกต้อง
•ความหมายของโค้ดมีความชัดเจน
•การแยกเนื้อหา (HTML/XHTML) การนำเสนอ (CSS) และการโต้ตอบ (Javascript)
สำหรับบางคน มาตรฐานเว็บหมายถึงทุกสิ่งที่กล่าวมาข้างต้น ในขณะที่สำหรับคนอื่นๆ อาจเป็นเพียงเล็กน้อยเท่านั้น แต่ที่สำคัญที่สุด ทั้งสามส่วนนี้เป็นส่วนสำคัญในการสร้างเว็บไซต์ที่ยอดเยี่ยม
HTML/XHTML ที่ถูกต้อง
เริ่มจากประเด็นแรกกันก่อน รหัสที่ถูกต้องคือก้าวแรกสู่มาตรฐานเว็บ สำหรับคนส่วนใหญ่ โค้ดที่ถูกต้องหมายถึงโค้ด HTML/XHTML เท่านั้น แต่อย่าลืมว่ายังมีการตรวจสอบ CSS ด้วย การตรวจสอบความถูกต้องของโค้ด HTML/XHTML หมายความว่าโค้ดบนหน้าเว็บของคุณสอดคล้องกับประเภทเอกสารที่คุณเลือกหรือไม่
การเลือกประเภทเอกสารที่ถูกต้องเป็นสิ่งสำคัญ เนื่องจากจะเป็นตัวกำหนดวิธีการตีความโค้ด HTML/XHTML และรูปแบบที่แตกต่างกันในเบราว์เซอร์ต่างๆ อย่างไร รหัสที่ตรวจสอบแล้วสามารถแสดงผลได้ดีในเบราว์เซอร์ต่างๆ โดยไม่ต้องคำนึงถึงความเข้ากันได้ของเบราว์เซอร์มากเกินไป การตรวจสอบความถูกต้องคุณอาจค้นพบโค้ดที่อาจส่งผลกระทบต่อเพจ แก้ไขเพื่อทำให้กระบวนการพัฒนามีประสิทธิภาพมากขึ้น และลดต้นทุนการบำรุงรักษาในอนาคต
เครื่องมือตรวจสอบรหัส
• บริการตรวจสอบความถูกต้องของมาร์กอัป W3C
• โปรแกรมเสริม Firefox HTML Validator
• แถบเครื่องมือนักพัฒนา Internet Explorer
ความหมายของรหัสมีความชัดเจน
ทุกองค์ประกอบที่มีอยู่ในหน้าควรมีความหมายและสามารถแสดงความหมายได้อย่างถูกต้อง พูดง่ายๆ คือการเลือกองค์ประกอบที่เหมาะสมตามบริบท ตัวอย่างมีดังนี้
รหัสนี้ไม่ชัดเจน
| ต่อไปนี้เป็นเนื้อหาที่ยกมา: <div class="page-heading">ชื่อเรื่องของเพจ</div> <a class="menu-item" href="/item-1">รายการเมนู 1</a> |
ด้วยประสิทธิภาพที่เท่ากัน ความหมายจึงชัดเจนยิ่งขึ้น
| ต่อไปนี้เป็นเนื้อหาที่ยกมา: <h1>ชื่อเรื่องของหน้า</h1> <ul class="เมนู"> |
จริงๆ แล้วเป็นเรื่องง่ายมากที่จะทำให้ความหมายของโค้ดชัดเจน ใช้ h1-h6 เพื่อกำหนดชื่อเรื่อง ใช้ p เพื่อกำหนดย่อหน้าของบทความ ใช้ ul, ol ฯลฯ เพื่อกำหนดรายการสินค้า ฯลฯ - - วิธีนี้จะช่วยคุณค้นหาส่วนของโค้ดที่คุณต้องการได้อย่างง่ายดาย และลดเวลาในการโหลดหน้าเว็บได้อย่างมาก เนื่องจากจะช่วยลดจำนวนโค้ด และอย่าลืมว่าสิ่งนี้มีประโยชน์สำหรับ SEO ด้วย ความหมายที่ชัดเจนสามารถช่วยให้ Google และเครื่องมือค้นหาอื่น ๆ จัดทำดัชนีเว็บไซต์ของคุณได้ดีขึ้น
การแยกเนื้อหา (HTML/XHTML) การนำเสนอ (CSS) และการโต้ตอบ (Javascript)
มีสาเหตุหลายประการว่าทำไมการแยกเนื้อหา (HTML/XHTML) การนำเสนอ (CSS) และการโต้ตอบ (Javascript) จึงเป็นสิ่งสำคัญ มีแผนกแรงงานที่แตกต่างกัน และวิธีการใช้งานอย่างสมเหตุสมผลจำเป็นต้องพิจารณาอย่างรอบคอบ
เหตุผลในการแยกทาง
ประสิทธิภาพ: ไฟล์ภายนอก เช่น css และ js จะถูกบันทึกไว้ในแคชของผู้ใช้หลังจากการโหลดครั้งแรก ซึ่งช่วยประหยัดเวลาในการโหลดครั้งต่อไปและปรับปรุงประสบการณ์
โดยรวม: คุณสามารถค้นหาโค้ดและวางไว้ได้อย่างถูกต้องเสมอ
การใช้งาน: คุณสามารถอ้างอิงโค้ดได้อย่างง่ายดายและนำมาใช้ซ้ำทั่วทั้งเว็บไซต์ของคุณ
การบำรุงรักษา: รหัสทั้งหมดที่เกี่ยวข้องกับประสิทธิภาพและการโต้ตอบจะถูกเก็บไว้ที่ส่วนกลางเพื่อให้บำรุงรักษาง่าย
จะใกล้ชิดกับผู้ใช้ได้อย่างไร?
บางคนบอกว่าต้องใช้เวลามากขึ้นในการทำให้เว็บไซต์ใกล้ชิดกับผู้ใช้มากขึ้น แต่ในความเป็นจริง ตราบใดที่คุณสามารถทำสามประเด็นที่กล่าวถึงในบทความได้ คุณได้ก้าวไปข้างหน้าอย่างมากบนเส้นทางที่ใกล้ชิดกับผู้ใช้มากขึ้นแล้ว ผู้ใช้
รหัสที่ถูกต้องและมีประสิทธิภาพจะช่วยให้คุณค้นหาเนื้อหาที่ไม่ถูกต้องบนหน้าเว็บได้ง่ายขึ้น โค้ดที่มีความหมายชัดเจนสามารถรองรับอุปกรณ์พกพาได้ดีขึ้น และยังทำให้ผู้ใช้เรียกดูเว็บไซต์ได้ดีขึ้นโดยไม่ต้องดัดแปลง CSS การแยกโครงสร้าง ประสิทธิภาพ และการโต้ตอบทำให้เว็บไซต์สามารถรักษาฟังก์ชันพื้นฐานได้แม้ว่าจะไม่รองรับ JavaScript แน่นอน คุณสามารถปรับปรุงประสบการณ์ไซต์ได้โดยการเพิ่มเลเยอร์ JavaScript แต่นี่ไม่ใช่ส่วนพื้นฐานที่สุดของการทำงานของเว็บไซต์อย่างแน่นอน