หน้าแรก > PHP + CODE > Update มาทำความรู้จัก HTML 5 กัน

Update มาทำความรู้จัก HTML 5 กัน


– HTML 5 คืออะไร ?

      HTML 5 เป็นภาษามาร์กอัปที่ถูกพัฒนาขึ้นเพื่อใช้ เป็นมาตรฐานตัวต่อไปของ HMTL (ต่อจาก HTML 4.01 และ XHTML 1.1)

– HTML 5 ดีอย่างไร ?

      HTML 5 ได้เพิ่ม Element ใหม่ๆ ที่ไม่มีใน HTML 4.01 ซึ่งส่วนมากจะเน้นไปทางความเป็นระเบียบของ Code และสื่อมัลติมีเดีย ซึ่ง HTML 5 มีข้อดีดังนี้

• Sematic Markup : การจัดระเบียบให้กับ Code ซึ่งส่งผลไปถึงการทำ SEO

• Form Enhancement : การเพิ่มประสิทธิภาพของฟอร์ม (พวก input type)

• Sound/Video : ใช้ HTML 5 Video แทน Flash Video (ไฟล์ .flv)

• Canvas : การวาดรูป และตกแต่งรูป โดยไม่ต้องใช้ Flash

• ContentEditable : การแก้ไขข้อความจากบนเว็ป

• Drag and Drop : การลากของมาวาง

• Persistent Data Storage : การเก็บข้อมูลบนเครื่องของผู้ใช้ (เก็บได้ถึงฐานข้อมูล)

– Web browser ที่รองรับ HTML 5

       ปัจจุบัน Web browser รุ่นใหม่ๆ ได้รองรับ HTML 5 แล้วแต่ยังรองรนับได้ไม่เต็มที่ ทำให้ใช้ ความสามารถใหม่ๆ ของ HTML 5 ยังไม่ได้ ก่อนใช้ HTML 5 ควรหาข้อมูลก่อน ตารางด้านล่างเป็นตารางเปรียบเทียบวความสามารถของ Web browser ในการรองรับความสามารถของ HTML 5

ss1

รูปภาพจาก : http://www.findmebyip.com/litmus

ข้อมูลจาก : http://www.designil.com/html5-tips-tricks-techniques-1.html

 

 

ตัวอย่างของการใช้ Tag ของ HTML 5

หมวดหมู่:PHP + CODE
  1. ยังไม่มีความเห็น
  1. No trackbacks yet.

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: