บทความ HTML 5
1. อะไรคือ HTML5
ผู้อ่าน Blognone
คงได้ยินชื่อ HTML5 กันมาเยอะ
แต่ว่าแท้จริงแล้วมันคืออะไรกันแน่?ความหมายทั่วไปของคำว่า HTML5
มีสองนัยยะที่เหลื่อมซ้อนกันอยู่ครับความหมายในมุมแคบ มันคือ สเปกของภาษา HTML รุ่นที่ 5 ซึ่งต่อจาก HTML4 ที่เราใช้กันทุกวันนี้
โดยปัจจุบันสเปกยังร่างไม่เสร็จ (ดูได้จากเอกสารของ W3C) เนื้อหาจะครอบคลุมลักษณะ
ฟีเจอร์ และ syntax ของ HTML เท่านั้น
ความหมายในมุมที่กว้างขึ้น มันคือ ชุดของเทคโนโลยีเว็บสมัยใหม่ อันประกอบไปด้วย
· ภาษา HTML5 ตามข้อแรก
· CSS3
· API
อีกชุดหนึ่งที่อยู่นอกสเปก HTML5 แต่ออกแบบมาให้ใช้งานร่วมกัน
เช่น Geolocation, IndexedDB, File API ที่กำลังเป็นร่างมาตรฐานของ
W3C แยกมาอีกชุดหนึ่ง
· เทคโนโลยีประกอบอื่นๆ ที่เป็นมาตรฐานของ W3C อยู่แล้ว
และนำมาใช้ร่วมกับ HTML (ซึ่งจะเป็น HTML4 หรือ HTML5 ก็ได้) เช่น SVG หรือ
MathMLHTML5 ในที่นี้เราจะหมายถึงความหมายอย่างที่สอง
ก็คือเทคโนโลยีเว็บรุ่นใหม่แบบรวมๆ นะครับ
ภาพที่17
ภาพ HTML5
[8]
2. ทำไมต้องมี HTML5
จะว่าไปแล้ว เทคโนโลยีใน HTML5 แทบไม่มีอะไรใหม่ในโลกไอทีเลย เพราะเกือบทุกอย่างที่ HTML5 ทำได้ อยู่ในกระบวนการพัฒนาโปรแกรมแบบ native มาช้านานแล้ว
เช่น การทำงานแบบออฟไลน์ หรือ การวาดกราฟิกเพียงแต่ HTML5
นำเทคโนโลยีที่เคยอยู่ในโลก native ย้ายเข้ามาสู่โลกของเว็บ
ทำให้มันมีข้อดีของทั้งสองโลก คือ
ฟีเจอร์อันรุ่มรวยและประสิทธิภาพในการทำงานจากโลก native มาผสานกับความคล่องตัว
เข้าถึงได้จากทุกที่ของเว็บเดิมที ภาษาตระกูล HTML/SGML เป็นภาษาที่ออกแบบมาเพื่อ
"อธิบาย" หรือ "นิยาม" การแสดงผลข้อมูล เช่น ตัวหนา ตัวเอียง
หัวเรื่อง ลิงก์ ซึ่งการใช้งานก็คือเอาไว้ทำเอกสารที่เชื่อมโยงกัน (ตัวอย่างคือ Help
ของวินโดวส์)พอมีอินเทอร์เน็ต HTML ก็ทำหน้าที่สร้าง
"โบรชัวร์อิเล็กทรอนิกส์" ที่สามารถดูได้จากระยะไกล ถึงแม้ตอนแรกจะมีแต่ข้อความ
แต่ระยะต่อๆ มาเทคโนโลยีเว็บก็พัฒนามากขึ้น สามารถใส่ภาพ เสียง วิดีโอ
(ผ่านปลั๊กอิน) มีแนวคิดเชิงโปรแกรมอย่างจาวาสคริปต์เข้ามา (จริงๆ มี VBScript
ด้วยแต่ดังสู้ไม่ได้) ในยุคของ HTML3พอเป็นยุคของ
HTML4 เราเริ่มเห็นเว็บแบบที่ตอบโต้ได้ มีความเป็นอินเตอร์แอคทีฟมากขึ้น
ซึ่งเกิดจากเทคโนโลยีอย่าง AJAX, XMLHttpRequest ทำให้เว็บมีความใกล้เคียงกับ
"แอพ" แบบดั้งเดิมมากขึ้น อย่างไรก็ตาม มันยังสู้แอพแบบ native ไม่ได้ เพราะยังขาดฟีเจอร์สำคัญๆ อีกหลายอย่าง เช่น การทำงานออฟไลน์
กราฟิกสามมิติ ฯลฯ นั่นเองสุดท้ายแล้ว
HTML5
จะช่วยให้เรานำเทคโนโลยีจากโลกของเว็บ
มาสร้างแอพที่มีลักษณะใกล้เคียงกับแอพแบบ native (ไม่ว่าจะบนพีซีหรือมือถือได้)
ตัวอย่างที่ชัดเจนที่สุดในตอนนี้คือ PhoneGap ซึ่งเป็นเครื่องมือพัฒนาแอพมือถือด้วย
HTML5
3. HTML5 มีความสามารถอะไรบ้าง
เกริ่นกันมานานก็เริ่มเข้าเรื่องกันสักทีนะครับ
ส่วนประกอบของ HTML5 มีหลายอย่างมาก
เราอาจไม่จำเป็นต้องใช้ทุกฟีเจอร์ส่วนการอธิบายส่วนประกอบของ HTML5 ก็ขึ้นกับว่าเราจะจัดหมวดหมู่มันอย่างไร มีหลายตำราให้เลือก
ในบทความนี้ผมขอเลือกตาม W3C ที่อุตส่าห์ออกแบบโลโก้-ไอคอนของ
HTML5 เพื่อแสดงสัญลักษณ์ของเทคโนโลยีเว็บแขนงต่างๆ
เพื่อให้เข้าใจง่ายและแยกหมวดหมู่ตามกันW3C แบ่งเทคโนโลยีในชุด
HTML5 ออกเป็น 8 หมวด
พร้อมไอคอนประกอบทุกหมวด ขอใช้ชื่อตามนั้น และเรียงลำดับกันไปเช่นเดียวกับเว็บ W3C
HTML5 Logo
ไม่มีความคิดเห็น:
แสดงความคิดเห็น