HTML5 - ภาพรวม
HTML5 เป็นการแก้ไขที่สำคัญครั้งต่อไปของมาตรฐาน HTML แทนที่ HTML 4.01, XHTML 1.0 และ XHTML 1.1 HTML5 เป็นมาตรฐานสำหรับการจัดโครงสร้างและการนำเสนอเนื้อหาบนเวิลด์ไวด์เว็บ
HTML5 เป็นความร่วมมือระหว่าง World Wide Web Consortium (W3C) และ Web Hypertext Application Technology Working Group (WHATWG)
มาตรฐานใหม่นี้รวมคุณสมบัติต่างๆเช่นการเล่นวิดีโอและการลากแล้วปล่อยซึ่งก่อนหน้านี้ขึ้นอยู่กับปลั๊กอินของเบราว์เซอร์ของ บริษัท อื่นเช่น Adobe Flash, Microsoft Silverlight และ Google Gears
รองรับเบราว์เซอร์
เวอร์ชันล่าสุดของ Apple Safari, Google Chrome, Mozilla Firefox และ Opera ทั้งหมดรองรับคุณลักษณะ HTML5 มากมายและ Internet Explorer 9.0 จะรองรับฟังก์ชัน HTML5 บางอย่างด้วย
เว็บเบราว์เซอร์บนมือถือที่ติดตั้งมาล่วงหน้าบน iPhone, iPads และโทรศัพท์ Android ทั้งหมดรองรับ HTML5 ได้อย่างดีเยี่ยม
คุณสมบัติใหม่
HTML5 แนะนำองค์ประกอบและแอตทริบิวต์ใหม่จำนวนมากที่สามารถช่วยคุณในการสร้างเว็บไซต์สมัยใหม่ นี่คือชุดของคุณลักษณะที่โดดเด่นที่สุดที่นำมาใช้ใน HTML5
New Semantic Elements - สิ่งเหล่านี้เหมือนกับ <header>, <footer> และ <section>
Forms 2.0 - การปรับปรุงรูปแบบเว็บ HTML ที่มีการแนะนำแอตทริบิวต์ใหม่สำหรับแท็ก <input>
Persistent Local Storage - เพื่อให้บรรลุโดยไม่ต้องใช้ปลั๊กอินของบุคคลที่สาม
WebSocket - เทคโนโลยีการสื่อสารแบบสองทิศทางรุ่นใหม่สำหรับเว็บแอปพลิเคชัน
Server-Sent Events - HTML5 แนะนำเหตุการณ์ที่ไหลจากเว็บเซิร์ฟเวอร์ไปยังเว็บเบราว์เซอร์และเรียกว่า Server-Sent Events (SSE)
Canvas - รองรับพื้นผิวรูปวาดสองมิติที่คุณสามารถตั้งโปรแกรมด้วย JavaScript
Audio & Video - คุณสามารถฝังเสียงหรือวิดีโอบนหน้าเว็บของคุณได้โดยไม่ต้องใช้ปลั๊กอินของบุคคลที่สาม
Geolocation - ตอนนี้ผู้เยี่ยมชมสามารถเลือกที่จะแบ่งปันตำแหน่งทางกายภาพของพวกเขากับเว็บแอปพลิเคชันของคุณ
Microdata - สิ่งนี้ช่วยให้คุณสร้างคำศัพท์ของคุณเองนอกเหนือจาก HTML5 และขยายหน้าเว็บของคุณด้วยความหมายที่กำหนดเอง
Drag and drop - ลากและวางรายการจากที่หนึ่งไปยังอีกที่หนึ่งบนหน้าเว็บเดียวกัน
ความเข้ากันได้ย้อนหลัง
HTML5 ได้รับการออกแบบให้เข้ากันได้มากที่สุดกับเว็บเบราว์เซอร์ที่มีอยู่ คุณลักษณะใหม่นี้สร้างขึ้นจากคุณลักษณะที่มีอยู่และช่วยให้คุณสามารถจัดหาเนื้อหาสำรองสำหรับเบราว์เซอร์รุ่นเก่าได้
ขอแนะนำให้ตรวจหาการสนับสนุนคุณลักษณะ HTML5 แต่ละรายการโดยใช้ JavaScript สองสามบรรทัด
หากคุณไม่คุ้นเคยกับ HTML เวอร์ชันก่อนหน้าฉันขอแนะนำให้คุณอ่าน HTML Tutorial ก่อนที่จะสำรวจคุณลักษณะของ HTML5