เทคโนโลยีที่มีอยู่ใน HTML5

8 Technologies in HTML5

จากบทความครั้งก่อน “HTML5 คืออะไร ?” มาวันนี้เราจะมาพูดกันต่อว่า HTML5 เขามีเทคโนโลยีอะไรฝังอยู่ภายในบ้าง และจะทำให้เกิดความเปลี่ยนแปลงต่อการนำเสนอบนเว็บไซต์โลกออนไลน์ได้อย่างไร

อันที่จริงแล้ว HTML5 นี้ก็มีเทคโนโลยีที่พัฒนาต่อออกมาจาก HTML4 เวอร์ชั่นก่อน โดย HTML5 นั้นนำเอาเทคโนโลยีที่เคยอยู่ในโปรแกรมแบบ Native ย้ายมาลงไว้ในโลกของเว็บไซต์ ทำให้มันมีข้อดีของทั้งสองโลก คือ ฟีเจอร์ที่มากมายและประสิทธิภาพในการทำงานจากโลก Native มาผสานกับความคล่องตัว เข้าถึงได้จากทุกที่ของเว็บเดิมที ภาษาตระกูล HTML/SGML เป็นภาษาที่ออกแบบมาเพื่อ “อธิบาย” หรือ “นิยาม” การแสดงผลข้อมูล เช่น ตัวหนา ตัวเอียง หัวเรื่อง ลิงก์ ซึ่งการใช้งานก็คือเอาไว้ทำเอกสารที่เชื่อมโยงกัน (ตัวอย่างคือ Help ของวินโดวส์)

พอมีอินเทอร์เน็ต HTML ก็ทำหน้าที่สร้าง “โบรชัวร์อิเล็กทรอนิกส์” ที่สามารถดูได้จากระยะไกล ถึงแม้ตอนแรกจะมีแต่ข้อความ แต่ระยะต่อๆ มาเทคโนโลยีเว็บก็พัฒนามากขึ้น สามารถใส่ภาพ เสียง วิดีโอ (ผ่านปลั๊กอิน) มีแนวคิดเชิงโปรแกรมอย่างจาวาสคริปต์เข้ามา (จริงๆ มี VBScript ด้วยแต่ดังสู้ไม่ได้) ในยุคของ HTML3

พอเป็นยุคของ HTML4 เราเริ่มเห็นเว็บแบบที่ตอบโต้ได้ มีความเป็นอินเตอร์แอคทีฟมากขึ้น ซึ่งเกิดจากเทคโนโลยีอย่าง AJAX, XMLHttpRequest ทำให้เว็บมีความใกล้เคียงกับ “แอพ” แบบดั้งเดิมมากขึ้น อย่างไรก็ตาม มันยังสู้แอพแบบ native ไม่ได้ เพราะยังขาดฟีเจอร์สำคัญๆ อีกหลายอย่าง เช่น การทำงานออฟไลน์ กราฟิกสามมิติ ฯลฯ นั่นเอง

สุดท้ายแล้ว HTML5 จะช่วยให้เรานำเทคโนโลยีจากโลกของเว็บ มาสร้างแอพที่มีลักษณะใกล้เคียงกับแอพแบบ native (ไม่ว่าจะบนพีซีหรือมือถือได้) ตัวอย่างที่ชัดเจนที่สุดในตอนนี้คือ PhoneGap ซึ่งเป็นเครื่องมือพัฒนาแอพมือถือด้วย HTML5

Continue reading “เทคโนโลยีที่มีอยู่ใน HTML5”

HTML5 คืออะไร ?

โลกเปลี่ยนไป ยุคสมัยเปลี่ยนไป วิธีการสร้างเว็บไซต์ก็เปลี่ยนไปเช่นเดียวกัน แต่ก่อน เราเคยสร้างเว็บไซต์จาก notepad จาก editplus จาก dreamweaver ด้วยภาษา html ปกติ.. เวอร์ชั่น 3, 4 แต่วันนี้ html พัฒนาขึ้นมาอีกครั้งเป็น html5 (ความจริงเขา launch มานานแล้ว)

HTML5 Logo

HTML5 คืออะไร ?

HTML5 คือ ภาษามาร์กอัพ (markup) สำหรับการเขียนเว็บไซต์เวอร์ชั่นล่าสุด ที่ถูกพัฒนาโดย WHATWG (The Web Hypertext Application Technology Working Group) โดยได้มีการปรับเพิ่ม Feature หลายๆอย่างเข้ามาเพื่อให้ผู้พัฒนาสามารถใช้งานได้ง่ายมากยิ่งขึ้น

Continue reading “HTML5 คืออะไร ?”