Html5
5733403769_b64637ba79.jpg

HTML นั้นย่อมาจาก “Hyper Text Markup Language” คือ เป็นมาตาราฐานภาษาที่ใช้ในการแสดงผลหน้าเว็บเพ็จ โดยรูปแบบการทำงานของ HTML นั้นจะเป็นในรูปแบบของคำสั่งประเภท TAG ที่ใช้ในการแสดงภาพ ตัวหนังสือ, ตาราง หรือแม้แต่เส้นสายต่างๆบนหน้าเว็บเพ็จ

HTML นั้นถือกำเนิดมาตั้งแต่ปี 1999 web ก็ได้มีการเปลี่ยนแปลงมาเรื่อยๆ จนมาหยุดอยู่ที่ HTML4 นานประมาณ14ปี พอโลกมีการเปลี่ยนแปลงมีการพัฒนาที่มากขึ้นจึงได้ทำการเปลี่ยน

ดังนั้นเค้าได้ทำการออก HTML5 มา ซึ่งเป็นความร่วมมือระหว่าง World Wide Web Consortium (W3C) และ Web Hypertext Application Technology Working Group (WHATWG). WHATWG ได้ทำงานร่มงกับ Web forms, Application และ W3C ได้ทำงานกับ XHTML 2.0 ในปี 2006 พวกเขาตัดสินใจที่จะร่วมมือและสร้างเวอร์ชันใหม่ของ HTML มาซึ่งตอนนี้ได้รับการยอมรับ และเป็นมาตรฐานแล้ว โดย W3C แต่ด้วยความที่ใหม่ยังมี Browser บางตัวยังไม่สามารถรับได้

HTML5 เป็นภาษาที่ถูกพัฒนาขึ้นเพื่อเป็นภาษามาร์กอัปสำหรับ WWW รุ่นต่อไปของ HTML ถูกพัฒนาขึ้นในปี 2004 โดยกลุ่ม WHATWG (The Web Hypertext Application Technology Working Group) โดยเรียกชื่อว่า Web applications 1.0 โดยดราฟต์แรกได้ปรากฏออกมาเมื่อ 22 มกราคม พ.ศ. 2551 โดย HTML5 นั้นจะช่วยลดการใช้พวกปลั๊กอินพิเศษอย่างพวกตัวอย่างเช่น Adobe Flash, Microsoft Silver light, Apache Pivot และ Sun JavaFX. HTML5 นั้นกำลังจะเป็นมาตรฐานใหม่สำหรับ HTML, XHTML และ HTML DOM

HTML5 ได้เพิ่มและพัฒนาองค์ประกอบและคุณลักษณะใหม่ๆที่แสดงให้เห็นการใช้งานทั่วไปของเว็บไซต์ต่างๆในปัจจุบันความหมายก็คือการเอามาแทนที่ตัวเดิมๆที่เราเคยใช้กัน เช่น DIV และ SPAN

5733951064_ef336af99a.jpg
5733950674_d1a6f4cd84.jpg

ตัวอย่าง Page (header, section, article, aside และ footer)

5733405605_ac62d566a5.jpg

ข้อดีของ HTML5 เมื่อเทียบกับเวอรชั่นเก่า

• ฟีเจอร์ใหม่ ที่จะมาเป็นพื้นฐานของ HTML, CSS, DOM, and JavaScript
• ลดความจำเป็นสำหรับปลั๊กอินภายนอก (เช่น Flash) สามารถทำภาพเคลื่อนไหวได้แบบ 3 มิติโดยไม่ต้องใช้ Flash
• มีการจัดการข้อผิดพลาดที่ดีขึ้น
• สคริปต์ใหม่ ที่จะมาแทนที่สคริปต์เดิม (เขียนโค้ดสั้นลง)
• HTML5 มีความเป็นอิสระสูง (คล้ายๆ XML )
• พัฒนาขึ้นมาโดยพื้นฐานจากผู้ใช้เว็บ
• สนับสนุน วิดีโอ และ องค์ประกอบเสียง รวมทั้ง สื่อมัลติมีเดียต่างๆมากขึ้น
• มีการรองรับ local offline storage ที่ดี
• มีคำสั่งและตัวจัดการเนื้อหาใหม่ เช่น article, footer, header, nav, section
• การควบคุมฟอร์มแบบใหม่ เช่น calendar, date, time, email, url, search

ฟีเจอร์ใหม่ของ HTML5

• Semantic Markup : การเพิ่ม Element ที่ อ่านง่ายมากขึ้น และช่วยให้ เราทำ SEO ได้มีประสิทธิภาพมากยิ่งขึ้น

5733953480_a35691a9f5.jpg

• Form Enhancements : เพิ่มความสามารถของ Form ต่างๆ ไม่ว่าจะเป็น Input type, Attribute หรือ แม้แต่ Element

5733952852_a45c3ee616.jpg

5733405127_ec6a056ea0.jpg

• Audio / Video: รองรับการอ่านไฟล์เสียง และ วีดีโอ โดยไม่จำเป็นต้องใช้ Embed Code ของ Third Party
• Canvas : element นี้จะใช้ Javascript มาเป็นตัวช่วยในการวาดรูปและตกแต่งบนหน้าเว็บ ซึ่งได้คาดการณ์ว่าจะเข้ามาแทนที่ Adobe Flash

5733953312_3823d800f5.jpg

• Content Editable : เป็นสามารถแก้ไข Content ได้โดยตรงผ่านทางหน้าเว็บได้ทันที
• Drag and Drop : ลากวางObject ได้ เพื่อเพิ่มการ ตอบสนองระหว่างระบบกับผู้ใช้
• Persistent Data Storage : มีการจัดการที่ดีขึ้น โดยเก็บข้อมูลลงบนเครื่องของผู้ใช้
• 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>

Browser ที่สนับสนุน HTML5

ส่วนใหญ่จะเป็น Version ล่าสุดของ Safari, Chrome, Firefox, และใน Opera จะมีคุณสมบัติที่รองรับ HTML5 อยู่ ส่วนใน Internet Explorer ต้องใช้ Internet Explorer 9 (IE9) ดังตารางด้านล่างนี้

5733951484_ba398c73cc.jpg

จุดเด่นของ HTML5

จุดเด่นของ HTML5 คือสามารถช่วยลดการใช้ปลั๊กอินพิเศษจำพวก Adobe Flash, Microsoft Silver light และ Sun JavaFX. นั้นหมายถึงจะช่วยอำนวยความสะดวกรวมถึงเพิ่มประสิทธิภาพในการพัฒนาเว็บไซต์ในอนาคตได้

Reference

http://web.ofebia.com/contents/title/html5-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3
http://www.microsoft.com/thailand/msdn/ie9_html5.aspx

5733404307_32307a0c4c.jpg