1. คุณสมบัติ HTML5 ใหม่หลัก
1. การเล่นเสียงและวิดีโอท้องถิ่น;
2. แอนิเมชั่น;
3. ข้อมูลทางภูมิศาสตร์;
4. การเร่งความเร็วของฮาร์ดแวร์;
5. ทำงานในพื้นที่ (แม้หลังจากการเชื่อมต่ออินเทอร์เน็ตถูกขัดจังหวะ);
6. ที่เก็บข้อมูลท้องถิ่น;
7. ลากและวางไฟล์จากเดสก์ท็อปเพื่ออัปโหลดไปยังเบราว์เซอร์
8. เครื่องหมายความหมาย;
2. สถานะปัจจุบันของแอปพลิเคชัน HTML5
วันนี้เบราว์เซอร์ที่สำคัญมีการสนับสนุน HTML5 ที่แตกต่างกัน เราหวังว่าพวกเขาจะสอดคล้องกันภายในหนึ่งหรือสองปี คุณอาจคิดว่าเนื่องจากเป็นกรณีนี้อาจมีเพียงไม่กี่คนที่ใช้มาตรฐานในอนาคตนี้ นี่ไม่ใช่กรณี HTML5 ถูกใช้อย่างกว้างขวางในขณะนี้ ดังที่วิลเลียมกิบสันกล่าวว่าเว็บในอนาคตมาถึงแล้ว แต่ยังไม่ได้รับการรับรองอย่างกว้างขวาง
คุณอาจไม่ทราบว่าหน้าแรกของ Google ใช้ HTML5 แต่ในปัจจุบันพวกเขาใช้ HTML5 Doctype เท่านั้นและส่วนที่เหลือของหน้ายังคงเป็นรหัสเก่า แต่ Google ได้รับการใช้ HTML5 อย่างกว้างขวางในแอปพลิเคชันต่างๆ ตัวอย่างทั่วไปที่สุดคือ Gmail HTML5 ที่เก็บข้อมูลออฟไลน์ช่วยให้ผู้ใช้สามารถใช้ Gmail ได้แม้ในขณะที่ออฟไลน์ นอกจากนี้ Google เอกสารยังใช้ที่เก็บข้อมูลออฟไลน์ แอพพลิเคชั่นที่คล้ายกันจากผู้ผลิตรายอื่นที่ใช้ที่เก็บข้อมูลออฟไลน์ ได้แก่ ชุดสำนักงานของ Zoho และแพลตฟอร์มบล็อกของ WordPress หากคุณสนใจในที่เก็บข้อมูลออฟไลน์ของ HTML5 คุณสามารถดูบทความของ Mark Pilgrim วิธีเพิ่มการสนับสนุนออฟไลน์ลงในแอพของคุณ
3. เครื่องอ่านเอกสารที่ใช้ HTML5 Scribd HTML5
ภาพด้านบนเป็นเครื่องอ่านเอกสารใหม่ของ Scribd ทั้งหมดขึ้นอยู่กับมาตรฐานเว็บและไม่ใช้แฟลช
นอกจากวิดีโอแล้ว HTML5 สามารถแทนที่แฟลชในหลาย ๆ ด้าน เว็บไซต์แชร์เอกสาร Scribd เพิ่งประกาศว่าพวกเขาจะใช้ HTML5 เพื่อแทนที่ Flash เพื่อใช้ตัวอ่านเอกสาร Scribd เป็นตัวอย่างที่ดีที่สุดของคุณสมบัติที่น่าทึ่งที่ HTML5 สามารถทำได้ร่วมกับ CSS พวกเขายังใช้ @font-face เพื่อใช้แบบอักษรส่วนตัว นอกจากนี้เอฟเฟกต์การแปลงเมื่อเปิดหน้าจะขึ้นอยู่กับ CSS3 อย่างสมบูรณ์ การรวมกันของเครื่องมือเว็บมาตรฐานเหล่านี้ช่วยให้ Scribd ได้รับ HTML ที่อยู่เหนือสุดจากแฟลชไปจนถึง HTML ที่บริสุทธิ์โดยไม่ต้องเสียสละฟังก์ชั่นของเอกสารในโครงสร้างแบบอักษรภาพฝังตัวชั้น ฯลฯ ผู้อ่านเอกสารล่าสุดของ Scribd ยังรองรับ IE6
4. HTML5 Canvas และ HTML5 วิดีโอ
เกมคลาสสิค Invaders บนพื้นฐานของวัตถุ HTML5 Canvas
แม้ว่าแอปพลิเคชั่นของ Scribd ของ Canvas นั้นยอดเยี่ยม แต่เราสามารถค้นหาเว็บไซต์ดังกล่าวได้มากขึ้น Demos Canvas มีแอพพลิเคชั่นมากมายเกี่ยวกับผืนผ้าใบตั้งแต่เกมออนไลน์ที่หลากหลายไปจนถึงแอปพลิเคชันสายรุ้งที่แยกสีออกจากหน้าเว็บ
ตัวอย่างทั่วไปเกี่ยวกับวิดีโอคือ YouTube และ Vimeo ซึ่งทั้งสองอย่างให้รุ่น HTML5
5. การวางตำแหน่งข้อมูลทางภูมิศาสตร์ HTML5
คลิกที่วงกลมเหนือวายร้ายสีเหลืองในแผนที่เพื่อบอก Google แผนที่ตำแหน่งทางภูมิศาสตร์ของคุณ
คุณสมบัติอีกประการหนึ่งของ HTML5 คือฟังก์ชั่นตำแหน่งทางภูมิศาสตร์ เบราว์เซอร์บางตัวให้ GEOLOCATION API ซึ่งได้รับการจัดการโดย W3C และสามารถรวม HTML5 เพื่อให้ได้ตำแหน่งทางภูมิศาสตร์ปัจจุบันของคุณ Google Maps ที่ใช้คุณสมบัตินี้มีวงกลมเล็ก ๆ บน Google Maps เพียงคลิกเพื่อบอก Google แผนที่ว่าตอนนี้คุณอยู่ที่ไหน ปัจจุบัน API Geolocation ไม่ได้รับการยอมรับอย่างกว้างขวางโดยเบราว์เซอร์เดสก์ท็อปจำนวนมาก (เฉพาะ Chrome และ Firefox 3.6+) แต่ปลั๊กอิน Google Gears สามารถช่วยเบราว์เซอร์รุ่นเก่าได้
Twitter ใช้สิ่งนี้เพื่อตระหนักถึงข้อความทวีตที่รับรู้ทางภูมิศาสตร์ เมื่อเบราว์เซอร์รองรับ API ตำแหน่งทางภูมิศาสตร์จะใช้ API โดยอัตโนมัติ มิฉะนั้นจะใช้ Google Gears
6. ความหมายเพิ่มเติมของ HTML5
HTML5 มีความหมายมากกว่าข้างต้น ความสำคัญที่ยิ่งใหญ่ที่สุดของมันอยู่ในการเปลี่ยนโครงสร้างของเอกสารเว็บ ด้วยความช่วยเหลือของส่วนหัวส่วนท้ายส่วนบทความ ฯลฯ เราสามารถใช้เอกสารเว็บที่มีโครงสร้างและความหมายมากขึ้น ด้วยวิธีนี้เครื่องมือค้นหาสามารถจัดทำดัชนีเว็บไซต์ได้อย่างง่ายดายและเรายังสามารถค้นหาข้อมูลได้เร็วขึ้นและแม่นยำยิ่งขึ้น
มีเว็บไซต์นับไม่ถ้วนที่ใช้แท็ก HTML5 ใหม่และคุณสามารถค้นหาไซต์ดังกล่าวจำนวนมากใน HTML5Gallery หากคุณต้องการใช้โครงสร้าง HTML5 ใหม่ตอนนี้คุณอาจดูการสอน HTML5 นี้เช่นกัน
นอกจากนี้ด้วยความช่วยเหลือของ microdata HTML5 ยังสามารถใช้โครงสร้างความหมายที่มีประสิทธิภาพมากขึ้น รูปแบบข้อมูลที่เป็นมาตรฐานนี้ (คล้ายกับไมโครฟอร์ม) ช่วยให้ไซต์ของคุณไม่เพียง แต่ให้ข้อมูล แต่ยังให้คำจำกัดความข้อมูล Microdata มีความสำคัญอย่างยิ่งต่อทั้งเบราว์เซอร์และเครื่องมือค้นหา เครื่องมือค้นหาสามารถใช้ microdata เพื่อค้นหาเพื่อนในเครือข่ายของคุณและเบราว์เซอร์สามารถเชื่อมต่อกับเว็บไซต์เพื่อนเครือข่ายโซเชียลของคุณ คุณสามารถสัมผัสกับสิ่งนี้ได้ในเครื่องมือทดสอบตัวอย่างที่หลากหลายของ Google