Your Keyword Here!

HTML5

Monday, February 17, 2014

HTML คือ อะไร
หลายคนคงเข้าใจแล้ว แต่ผมก็มั่นใจว่าบางคนยังไม่เข้าใจมันดีพอ เลยอยากจะแนะนำให้พอเข้าใจง่ายๆ อย่างนี้ครับ


HTML มาจาก HyperText Markup Language

เป็นภาษาประเภทการกำหนดสัญลักษณ์ (Markup Language)ที่ใช้ในการกำหนดโครงร่าง webpage หรือข้อมูลอื่นที่เรียกดูผ่าน web browser   ในการแสดง หัวข้อ ลิงก์ ย่อหน้า รายการ รวมถึงการสร้างแบบฟอร์ม เชื่อมโยงภาพหรือวิดีโอด้วย ซึ่งตัวโค้ดจะแสดงโครงสร้างของข้อมูลในลักษณะของ tag

ซึ่ง HTML นี้พัฒนามาหลายเวอร์ชั่น จนมาเป็น HTML5 ที่ใช้อยู่ในัจจุบัน โดยได้มีการปรับเพิ่ม Feature หลายๆอย่างเข้ามาเพื่อให้สามารถใช้งานได้ง่ายมากยิ่งขึ้น

ความเป็นมาแบบสั้นๆของ HTML


  • ปี คศ.1990 Tim Berners-Lee นักวิทยาศาสตร์ชาวอังกฤษ ได้นำเสนอรูปแบบการจัดการเอกสารที่เรียกว่า "HTML tag" โดยใช้พื้นฐานภาษา SGML(Standard Generalized Markup Language) ซึ่งเป็นภาษาในการจัดโครงร่างของเอกสาร รูปแบบภาษาที่นาย Tim เสนอนี้ได้ถูกนำไปใช้เป็นข้อกำหนดในการสร้างเว็บเบราเซอร์ตัวแรกคือ NCSA Mosaic และต่อมา Tim ได้จัดตั้งหน่วยงานชื่อ World Wide Web Consortium (W3C) เพื่อดูแลกำหนดมาตรฐานต่างๆของภาษา HTML
  • ปี คศ.1994 ได้พัฒนาเป็น HTML 2.0 และถูกนำไปใช้อย่างแพร่หลาย และพัฒนาต่อมาเรื่อยๆจนเป็นเวอร์ชั่น 3.0, 3.2, 4.0, 4.01 และ XHTML
  • ปี คศ. 2004 กลุ่มบริษัทผู้สร้างเว็บเบราเซอร์ ได้แก่ Apple, Mozilla และ Opera ได้จับมือกันสร้างมาตรฐานใหม่เพื่อขยายขีดความสามารถของ ภาษา HTML ภายใต้หน่วยงานใหม่ที่ชื่อ Web Hypertext Application Technology Working Group (WHATWG) ซึ่งทาง W3C ที่มีโครงการพัฒนา HTML 2.0 ก็หันมาสนับสนุนกลุ่ม WHATWG แทน 
  • ปี คศ. 2007 HTML5 ก็ได้ถูกเผยแพร่ออกมาเพื่อเป็นมาตรฐานใหม่

ความเปนมาและคุณลักษณะใหม่ของHTML5

มีอะไรใหม่ใน HTML5

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

Audio/Video support
โดย HTML5 สามารถรองรับมัลติมีเดียได้อย่างเต็มรูปแบบ โดยเพิ่มแท็กสำหรับแสดงภาพและเสียงได้โดยตรง
New Form Input เพิ่ม input ชนิดใหม่ๆเพื่อให้สามารถรับข้อมูลรูปแบบนั้นได้โดยตรง เช่น number, email, url, datetime เป็นต้น ทำให้รับข้อมูลได้อย่างถูกต้องและช่วยให้ลดขั้นตอนในการเขียนสคริปต์ตรวจสออบข้อมูลลงด้วย 
Semantic Markup Page Layout เพิ่มกลุ่มแท็กที่ใช้ในการจัดโครงร่างของเพจที่ระบุถึงส่วนต่างๆโดยตรง เช่น  <header>, <nav>, <article>, <section>, <aside>, และ <footer>
Canvas Graphics ให้สามารถวาดกราฟิกต่างๆบนเว็บเพจได้  
Drag & Drop ให้รองรับการ Drag & Drop อ็อบเจ็กต่างต่างในหน้าเว็บเพจ โดยการใช้คำสั่งจาวาสคริปต์ควบคุม 
Web Storage เป็นกลไกการจัดเก็บข้อมูลแบบใหม่ของเว็บเบราเซอร์ ให้สามารถจัดเก็บข้อมูลที่ซับซ้อนได้ดีกว่าเดิมที่เคยเป็นแบบคุ๊กกี้ 
Geolocation เป็นการระบุตำแหน่งบนพื้นโลกเป็นละติจูดลองกิจูด


No comments:

Post a Comment