การจัดระเบียบอย่างง่ายของคุณสมบัติพื้นฐานและไวยากรณ์ของ HTML5

บทความนี้ส่วนใหญ่แนะนำคุณสมบัติพื้นฐานและไวยากรณ์ของ HTML5 ซึ่งเป็นความรู้พื้นฐานในการแนะนำ HTML5 เพื่อนที่ต้องการมันสามารถอ้างถึง ภาพรวม HTML5

HTML5 เป็นมาตรฐาน HTML ที่สำคัญต่อไปเพื่อแทนที่ HTML 4.01, XHTML 1.0 และ XHTML 1.1 HTML5 ยังเป็นมาตรฐานสำหรับการสร้างและนำเสนอเนื้อหาบนเวิลด์ไวด์เว็บ

HTML5 เป็นผลิตภัณฑ์ของการทำงานร่วมกันระหว่าง World Wide Web Alliance (W3C) และคณะทำงานเกี่ยวกับเทคโนโลยีไฮเปอร์เท็กซ์ของหน้าเว็บ (WHATWG)

มาตรฐานใหม่นี้รวมคุณสมบัติเช่นการเล่นวิดีโอและการลากและวางซึ่งใช้ในการพึ่งพาปลั๊กอินเบราว์เซอร์ของบุคคลที่สามเช่น Adobe Flash, Microsoft Silverlight และ Google Gears

Apple Safari, Mozilla Firefox และ Opera รุ่นล่าสุดรองรับคุณสมบัติ HTML5 ส่วนใหญ่และ IE9 ยังรองรับคุณสมบัติ HTML5 บางอย่าง

เบราว์เซอร์มือถือติดตั้งไว้ล่วงหน้าบน iPhone, iPads และโทรศัพท์ Android ล้วนมีการสนับสนุนที่ดีสำหรับ HTML5

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

องค์ประกอบความหมายใหม่: เช่น <ส่วนหัว>, <footer> และ <section>

แบบฟอร์ม 2.0: ปรับปรุงรูปแบบเว็บ HTML และแนะนำคุณสมบัติใหม่บางอย่างกับแท็ก <put>

ที่เก็บข้อมูลท้องถิ่นถาวร: เพื่อไม่ให้นำไปใช้ผ่านปลั๊กอินของบุคคลที่สาม

WebSocket: เทคโนโลยีการสื่อสารสองทางรุ่นต่อไปสำหรับเว็บแอปพลิเคชัน

เซิร์ฟเวอร์พุชเหตุการณ์: HTML5 แนะนำเหตุการณ์จากเว็บเซิร์ฟเวอร์ไปยังเว็บเบราว์เซอร์หรือที่รู้จักกันในชื่อ Server Push Events (SSE)

Canvas: รองรับการวาดภาพสองมิติแบบเป็นโปรแกรมโดยใช้ JavaScript

เสียงและวิดีโอ: ฝังเสียงหรือวิดีโอในหน้าเว็บโดยไม่จำเป็นต้องใช้ปลั๊กอินของบุคคลที่สาม

GEOLOCATION: ผู้ใช้สามารถเลือกที่จะแบ่งปันตำแหน่งทางภูมิศาสตร์กับหน้าเว็บของเรา

Microdata: ช่วยให้เราสามารถสร้างคำศัพท์ที่กำหนดเองนอก HTML5 และขยายหน้าเว็บโดยใช้ความหมายที่กำหนดเอง

ลากและวาง: ลากและวางรายการบนหน้าเว็บเดียวกันจากที่หนึ่งไปยังอีกที่หนึ่ง

HTML5 ได้รับการออกแบบให้เข้ากันได้กับเบราว์เซอร์ที่มีอยู่ คุณสมบัติใหม่ถูกสร้างขึ้นบนคุณสมบัติที่มีอยู่และช่วยให้เราสามารถจัดหาเนื้อหาสำรองสำหรับเบราว์เซอร์เก่า

ขอแนะนำให้ใช้รหัส JavaScript จำนวนเล็กน้อยเพื่อตรวจจับการสนับสนุนของคุณสมบัติ HTML5 เดียว

HTML5 มีไวยากรณ์ HTML ของตัวเองซึ่งเข้ากันได้กับเอกสาร HTML 4 และ XHTML1 ที่เผยแพร่บนเว็บ แต่ไม่มีคุณสมบัติ SGML ที่ซับซ้อนมากขึ้นใน HTML 4

HTML5 ไม่จำเป็นต้องใช้ชื่อแท็กตัวพิมพ์เล็กใน XHTML, แอตทริบิวต์ต้องอ้างถึงแอตทริบิวต์จะต้องมีค่าและกฎไวยากรณ์ที่ต้องปิดองค์ประกอบที่ว่างเปล่าทั้งหมด

อย่างไรก็ตาม HTML5 มีความยืดหยุ่นมากขึ้นและรองรับรูปแบบต่อไปนี้:

แท็กชื่อตัวพิมพ์ใหญ่

คำพูดสองเท่าสำหรับแอตทริบิวต์เป็นทางเลือก

ค่าแอตทริบิวต์เป็นทางเลือก

องค์ประกอบที่ว่างเปล่าปิดเป็นทางเลือก

Doctype

ในรุ่นเก่าของ HTML Doctype มีความยาวเนื่องจากภาษา HTML ขึ้นอยู่กับ SGML และต้องมีการอ้างอิง DTD

ผู้เขียน HTML5 สามารถใช้ไวยากรณ์อย่างง่ายเพื่อระบุรูปแบบของ doctype ต่อไปนี้: