HTML5 คืออะไร ?

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

HTML5 Logo

HTML5 คืออะไร ?

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

HTML5 Feature

สำหรับ HTML5 นั้นก็มีสิ่งที่เพิ่มเข้ามาใหม่หลายอย่างครับ ซึ่งหากต้องการดูสิ่งที่มีเพิ่มเข้ามาสามารถเข้าไปดูได้ ที่นี่

ในที่นี้ ผมขอยกตัวอย่าง Features ที่น่าสนใจ และนำไปประยุกต์ใช้ได้ทันที ดังต่อไปนี้ครับ

  • Semantic Markup : การเพิ่ม Element ที่ อ่านง่ายมากขึ้น และช่วยให้ เราทำ SEO ได้มีประสิทธิภาพมากยิ่งขึ้น
  • Form Enhancements : เพิ่มความสามารถของ Form ต่างๆ ไม่ว่าจะเป็น Input type, Attribute หรือ แม้แต่ Element
  • Audio / Video: รองรับการอ่านไฟล์เสียง และ วีดีโอ โดยไม่จำเป็นต้องใช้ Embed Code ของ Third Party
  • Canvas : ใช้ในการวาดรูป โดยจำเป็นต้องใช้ Javascriptช่วย
  • ContentEditable : สามารถแก้ไข Content ได้โดยตรงผ่านทางหน้าเว็บ
  • Drag and Drop : ลากวางObject ได้ เพื่อเพิ่มการ ตอบสนองระหว่างระบบกับผู้ใช้
  • Persistent Data Storage : มีการจัดการที่ดีขึ้น โดยเก็บข้อมูลลงบนเครื่องของผู้ใช้

สิ่งที่เปลี่ยนไปใน HTML5

นอกจาก Featuresใหม่ๆที่ ถูกเพิ่มเข้ามาในHTML5 แล้วยังมีการเปลี่ยนแปลงการเขียนแบบเดิมให้ผู้พัฒนาสามารถพัฒนาได้ สะดวกมากยิ่งขึ้น อาทิเช่น

  • Doctype ที่สั้นขึ้น ใน HTML5 ต้องการ Doctype สั้นๆเพียงแค่ แทน Doctype ที่แสนจะยาวเหยียดใน เวอร์ชั่นเดิมๆ
  • การกำหนดค่าภาษาทำได้ง่ายขึ้น ตอนนี้คุณไม่จำเป็นต้องใช้ xmlns หรือ xml:lang ใน <html> อีกแล้วครับ จะเหลือแค่ <html lang=”en”>
  • การกำหนดชุดอักษร (Charset) ที่สะดวกขึ้น จากเดิมที่เราเคยเขียน <meta <สุดแสนจะยาวเหยียดจนจำกันไม่ได้ ในตอนนี้ HTML5 จะทำให้คุณเขียนเหลือเพียงแค่ <meta> charset=”utf-8″ / < เท่านั้น>
  • ไม่ต้องมี ‘/’ ปิด สำหรับ Tag เดี่ยว จากนี้จะไม่ต้องมีตัวปิดสำหรับ Tag เดี่ยวจำพวก <img><br><input> แล้ว
  • Tag บางอย่างจะไม่ถูกรองรับแล้ว ซึ่งจะมี Tag ดังนี้ <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <s>, <strike>, <tt>, <u> and <xmp>

 

One Reply to “HTML5 คืออะไร ?”

Comments are closed.