รับทำเว็บไซต์ครบวงจร
เลือกภาษา Thai English     facebook


ติดต่อทำเว็บไซต์ โทร : 089 -179-0714 (ทุกวัน 24 ชั่วโมง)

รายการหลัก



บทความ


Page Ranking Tool

เริ่มต้นกับ HTML5


สอน HTML5
> เริ่มต้นกับ HTML5


 
 

ประกาศ: นักเรียน นักศึกษา หางาน หาเงิน กับ webUB.com
โพสท์กระทู้ โปรโมทสินค้า รายได้ วันละ 1,000 บาท ในระหว่างเรียนไปด้วย คลิก!

 
     

หลายคนอาจจะเคยได้ยิน ชื่อ HTML5 มาซักพักนึงแล้วใช่ไหมครับ แต่ก็ยังไม่แน่ใจว่ามันคืออะไร มันมีไว้เพื่อนอะไร และจำเป็นที่ต้องรู้จักกับมันหรือไม่ สำหรับบทความในครั้งนี้ จะเป็นบทความที่ช่วยตอบปัญหาคาใจดังกล่าวให้ผู้พัฒนา และแนะนำเล็กๆน้อยๆ เพื่อให้สามารถเข้าใจถึงภาพรวมของ HTML5 รวมถึงการเตรียม Environment ก่อนเริ่มทำการพัฒนา HTML5

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

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

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

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

หลังจากที่เราได้รู้จัก HTML5 มาคร่าวๆกันแล้วนะครับ ทีนี้เราลองมาเริ่มพัฒนากันดูบ้างดีกว่า ก่อนอื่นสำหรับการพัฒนา HTML5 นั้น มีความจำเป็นที่ Browser ที่ใช้ต้องมีการ Support ในระดับหนึ่ง จึงจะสามารถใช้งาน Tag หรือ Element ใหม่ๆได้ ซึ่ง Browser ที่ สนับสนุนนก็มีอยู่หลายตัวมากมายครับ แต่ในตอนนี้ผมขอยก ตัวอย่างการใช้งานกับInternet Explorer 9 ที่เป็นตัวใหม่ล่าสุดซึ่งเป็นสิ่งที่ท้าทายสำหรับนักพัฒนาเว็บเป็นอย่างมาก

สำหรับInternet Explorer 9 หรือIE9 ในตอนนี้ก็มีการปล่อยตัวPlatform Preview ออกมาแล้วนะครับ เราสามารถ download ไปลองใช้งานได้ที่นี้เลยครับ Microsoft Internet Explorer9 Test Drive

ซึ่งIE9 ไม่เพียงแต่จะสามารถรองรับ HTML5 และ CSS3 ได้อย่างเต็มรูปแบบแล้ว แต่ยังสามารถประมวลผลJavascriptได้ดี และเร็วมากยิ่งขึ้นกว่าเดิมอีกด้วย เป็นการแก้ไขจุดอ่อน ที่ Browser ตระกูล IE รัน Javascriptได้ช้าและดีไม่เท่า Browser ตัวอื่นๆไม่เพียงเท่านั้น IE9 ยังสามารถดึงเอา GPU มาช่วยในการแสดงผล กราฟฟิคแบบ 2D ผ่าน API Direct 2D ซึ่งจะช่วยให้การแสดงผล กราฟฟิคแบบ 2D เป็นไปได้รวดเร็วมากยิ่งขึ้น โดย API Direct 2Dในปัจจุบันก็จะมีอยู่ใน Windows Vista SP2 ขึ้นไป และ Windows 7

สำหรับ IE9 Platform Preview เมื่อเราลงไปแล้วก็จะมี ไอคอน แยกออกมาอีกไอคอนหนึ่ง ไม่ได้มีผลกับ IE ตัวเดิมแต่เพียงอย่างใด ซึ่งหลังจากที่ลงแล้ว คุณก็พร้อมที่จะพัฒนา HTML5 ได้แล้วครับผม!!!

โปรดติดตามต่อในตอนหน้าครับ!!

Ref: http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/ 
Ref: http://www.whatwg.org/specs/web-apps/current-work/multipage/
Ref: http://ie.microsoft.com/testdrive/


อ้างอิง: http://www.microsoft.com/thailand/msdn/ie9_html5.aspx



Short URL click!
<< กลับคืน : เข้าชม 5,104 ครั้ง : ขึ้นไปด้านบน

รับทำเว็บไซต์ รับสร้างเว็บไซต์ รับออกแบบเว็บ รับเขียนเว็บ รับสอนทำเว็บ รับเช่า hosting รับเช่าพื้นที่เว็บไซต์ จดชื่อเว็บ รับโปรโมทเว็บไซต์ รับดูแลเว็บ SiteMap
ดูหนังออนไลน์ ดูหนังชนโรงhttp://www.xn--22c2c4blb9n.xn--o3cw4h/
รับทำสปริงเกอร์ สปริงเกอร์ ออกแบบระบบน้ำอัตโนัมติ