Tuesday, July 13, 2010

HTML5

หลังจากประสบกับมรสุมชีวิตจากการเรียนปริญญาโทไปพร้อมกับการทำงาน ทำให้ชีวิตส่วนใหญ่หายไปกับการนั่งทำการบ้านวิชา Accounting for Decision Making ไม่น้อย เหนื่อยจนแทบขาดใจ แต่อย่างน้อยการเรียนปริญญาโทก็สามารถทำให้เราตระหนักได้ว่า "เราโง่แค่ไหน" และ "เวลามีค่าแค่ไหน" ไปพร้อมกัน หลังจากทำการบ้านเสร็จบวกกับวันนี้ฤกษ์งามยามดี ก็เลยหยิบสมุดจดวคามรู้ขึ้นมาปัดฝุ่นอีกครั้ง

กระแส HTML5 ตอนนี้กำลังมาแรงขึ้นทุกวัน ซึ่งอาจจะกลายมาเป็นมาตรฐานใหม่สำหรับ HTML, XHTML, และ HTML DOM ก็ได้ หลังจากที่เราได้ใช้ HTML4 (ปัจจุบัน) มาเป็นเวลา 10 กว่าปีแล้ว ถึงแม้ว่า HTML5 กำลังอยู่ในช่วงการพัฒนาอยู่ และเริ่มมีการใช้บ้างแล้ว ดังนั้นถึงเวลาเรียนรู้อะไรเพิ่มแล้วครับ

HTML5 เกิดขึ้นได้ยังไง

HTML5 นั้นเกิดจากการร่วมมือกันระหว่าง W3C (World Wide Web Consortium) และ WHATWG (Web Hypertext Application Technology Working Group) ซึ่ง ณ ปัจจุบันได้ปล่อยข้อมูลบางส่วนเกี่ยวกับหลักการของ HTML5 ออกมาบ้างแล้วเช่น
- Feature ใหม่จะ Based-on HTML, CSS, DOM, และ JavaScript
- ลดการใช้งานของ Plug-in จากภายนอกเช่น Flash
- ปรับปรุงระบบการจัดการ Error
- สามารถแสดงผลได้ทุกเครื่องรับ (Device Independence)

แล้ว New Feature ของ HTML5 มีอะไรบ้างล่ะ

- Semantic Markup ซึ่งจะทำให้ Code เป็นระเบียบเรียบร้อย เหมาะแก่การเก็บข้อมูลของ Search Engine มากขึ้น ยกตัวอย่างเช่น การใช้ div จะถูกแทนที่ด้วย article, footer, header, nav, หรือ section เพื่อที่จะทำให้โครงสร้างของเวปมีความเป็นโครงสร้างมากขึ้น การใช้ div อย่างเดียวนั้นไม่สามารถบอกกับผู้พัฒนาหรือผู้ใชงานได้ว่า div นั้นคืออะไร (รู้แค่เป็นกล่อง) แต่การใช้ Elements ใหม่ของ HTML5 มาสารถทำให้เรารู้ได้ว่ากล่องนี้คือ header หรือ footer เป็นต้น รวมไปถึงการยกเลิก Tag ในอดีตที่ไม่ค่อยจะได้ใช้ เช่น หรือ ด้วย

- Form Enhancement หรือการเพิ่มประสิทธิภาพของฟอร์มรวมไปถึงการสร้าง Form Control รูปแบบใหม่เช่น calendar, date, time, email, url, และ search เพื่อให้ง่ายต่อการใช้งานมากขึ้น ซึ่ง Feature นี้เป็นหนึ่งใน Feature สุดเจ๋งที่ Programmer ทั้งน้อยใหญ่ (รวมทั้งผมด้วย) รอคอยมาเป็นเวลานาน บอกลากับการใช้ Javascript ที่ยุ่งยากในการจัดการฟอร์มกันซะที

- รองรับ Video and Audio ด้วยตัวของตัวเอง โดยมี และ เข้ามาเป็นพระเอกในสายตานักพัฒนาแต่เป็นซาตานในสายตาของทีมงาน Adobe Flash

- มี Canvas เอาไว้วาดรูปได้อีกตะหาก




- Drag & Drop

- Persistent Data Storage การเก็บข้อมูลบนเครื่องของผู้ใช้งานซึ่งสามารถเก็บได้ถึงระดับฐานข้อมูลเลยทีเดียว

พิมพ์ไปก็ขนลุก อยากลองใช้ HTML5 ขึ้นมาแล้ว ถึงแม้ HTML5 จะยังไม่ค่อยแพร่หลายแต่ Web Browser ทั้งน้อยใหญ่ก็พัฒนาให้ Browser เวอร์ชั่นล่าสุดของตนรองรับ HTML5 เป็นที่เรียบร้อยแล้ว ส่วนใครที่ยังเลือกไม่ได้ว่าจะใช้ Browser ไหนดีก็ลองดูที่ http://marketshare.hitslink.com/browser-market-share.aspx?qprid=2 เพื่อเป็นตัวช่วยก็ได้ วันนี้พอแค่นี้ก่อนนะครับเนื่องจากง่วงมาก ครั้งหน้าผมจะมานำเสนอถึงประเด็นที่ว่า HTML5 จะมาแทน Flash ตามที่เค้าว่ากันได้หรือไม่ โปรดติดตามตอนต่อไป