รู้จัก XHTML Basic 1.1 (ตอนที่ 1)

เกริ่นเรื่อง

กาลปางก่อน เนิ่นนานมานั้น เหล่านักพัฒนาทั้งหลาย ที่พัฒนา Web site นั้นมีแนวทางในการแก้ไขปัญหาสำหรับผู้ใช้ที่เข้ามาเยี่ยมชม Website ของพวกเขาด้วย โทรศัพท์มือถือ, palm, pda และ/หรือ เหล่า Smartphone ต่าง ๆ คร่าว ๆ หลัก ๆ ดังนี้

1. 1. คือไม่สนใจอะไรทั้งสิ้น ปล่อยให้ Browser ของอุปกรณ์เหล่านั้นแสดงผล โครงสร้างหน้าตา Website ของพวกเขาไปตามยถากรรมที่มันถูกพัฒนามา
2. 2. ดัดแปลงหน้าตาให้ใกล้เคียงกับการออกแบบที่ ออกแบบมาสำหรับ desktop screen ทั้งหลาย ด้วย CSS (handheld)
3. 3. ทำแยกออกมาเป็น version ของอุปกรณ์เหล่านี้ไปเลย desktop screen ก็อีกแบบ สำหรับมือถือนั้นก็เป็นอีกแบบแยกออกจากกัน

ครั้งนี้ผมจะเขียนแนะนำเกี่ยวกับ markup ที่ w3 นั้นพัฒนามาเพื่อสนับสนุนอุปกรณ์เหล่านี้โดยเฉพาะ และ มี feature อะไรบ้างที่ w3 นั้นเตรียมให้เรานำมาใช้กัน

ก่อนลุย

ทำความเข้าใจกันก่อนว่า บทความนี้ผมเขียนแนะนำเฉพาะ xhtml basic 1.1 เท่านั้น ซึ่งเป็น markup สำหรับ Webpage ที่แสดงผลใน อุปกรณ์พกพาต่าง ๆ ซึ่งหลาย ๆ ท่านคงทราบกันอยู่แล้วว่า การทำ Webpage ในลักษณะนี้อาจจะไม่สวยงามเหมือน version ที่ออกแบบมาเพื่อ desktop screen (version ที่เราดูกันในเครื่องคอมพิวเตอร์ ปกติทั่วไป) ซึ่งแน่นอน Concept หลักของงาน design ของคุณนั้นจะต้องขาดหายไปอาจจะไม่สวยงามเท่ากัน คงไว้แต่เพียง function ที่สำคัญ ๆ เท่านั้น เพราะบางอย่างนั้นยังมีข้อจำกัดอยู่

ที่สำคัญต้องแน่ใจว่าคุณได้เตรียมทางเลือกอื่นไว้ให้ผู้ใช้ที่ไม่สามารถดูการแสดงผลนี้ได้ … ทำไม ล่ะ? เพราะในโลกของอุปกรณ์พกพา หรือ ที่เราเรียกกันติดปากว่า Mobile Devices นั้น ยังคงมีการแข่งขันกันเป็นจ้าวโลกอยู่ เหมือนสมัย Desktop Browser ในยุคต้น ๆ ต่างฝ่ายต่างพยายามที่จะสร้างมาตรฐานเป็นของตนเอง บางท่านอาจเคยทราบแล้วว่า ที่ญี่ปุ่นก็มีมาตรฐานการแสดงผลอยู่ 3 platform จากสามค่ายยักษ์ใหญ่ ในประเทศของเขา Apple ก็มีเป็นของตนเอง Windows ก็มีเป็นของตนเองเช่นกัน และ สุดท้ายเรามาลองดูกันว่า Google ล่ะจะออกมาในทิศทางใด (อีกแล้วเหรอ) จะสร้างมาตรฐานมาใหม่ หรือ สนับสนุน w3 ก็เป็นเช่นนี้แล ครับผมวัฏจักรของธุรกิจ

ในกรณีต่อไปนี้ ผมขอแนะนำให้คุณ ทำส่วนของ mobile device แยกออกเป็นสัดส่วนให้ชัดเจน หาก website ของคุณนั้นสร้างด้วย JavaScript, AJAX หรือ effect ต่าง ๆ ละลานตระการตา เพราะ browser ของ mobile device ส่วนใหญ่นั้นจะถูกออกแบบมาให้สนับสนุนสิ่งเหล่านี้เป็นส่วนน้อยครับ เข้าใจว่า (ขอใช้คำว่า "เข้าใจว่า" เพราะเป็นการสันนิษฐานของผม) เจตนาของเหล่าผู้พัฒนา Mobile Device และ Browsers ใน mobile device ของพวกเขานั้น คงอยากให้ผู้ใช้ได้ใช้ หรือ ดู อ่าน รับรู้ ในสิ่งที่จำเป็น ๆ ของ Website นั้น ๆ เพียงเท่านั้น เพราะด้วยขนาดจอที่เล็ก การแสดงสิ่งสวยงามต่าง ๆ อาจสร้างความรำคาญให้กับเขาเหล่านั้นได้ เชื่อว่าส่วนใหญ่คงใช้ในการ check email หรือ update สถานะใน social network web คงไม่มีใครมานั่งพิมพ์งานด้วย Mobile Device หรือมีเวลาเปิดดูโฆษณาอย่างแน่นอน

เพราะฉะนั้นการออกแบบให้ Website ในส่วนของ Mobile Device สวยงาม เป็นระเบียบ เรียบง่าย ใช้งานง่าย จะช่วยให้ผู้ใช้เข้าถึงสิ่งที่เขาเหล่านั้นต้องการได้มากกว่า

พูดต่อ ในวาระต่อไปครับ เร็ว ๆ นี้