HTML 5 เพิ่มคุณสมบัติใหม่ ๆ ลงในข้อกำหนด HTML และใช้งานได้ง่าย คุณใช้ HTML 5 doctype ซึ่งง่ายและคล่องตัว:
ใช่แล้วล่ะ แค่สองคำคือ "doctype" และ "html" อาจเป็นเรื่องง่ายเพราะ HTML 5 ไม่ใช่ส่วนหนึ่งของ SGML แต่ใช้แทนภาษามาร์คอัปทั้งหมดด้วยตัวเอง
ชุดอักขระสำหรับ HTML 5 มีความคล่องตัวเช่นกัน ใช้ UTF-8 และคุณกำหนดให้มีเพียงเมตาแท็กเดียวเท่านั้น:
โครงสร้างใหม่ของ HTML 5
HTML 5 รู้ว่าเว็บเพจมีโครงสร้างเช่นเดียวกับหนังสือและเอกสาร XML อื่น ๆ มีโครงสร้าง โดยทั่วไปหน้าเว็บมีการนำทางเนื้อหาเนื้อหาเนื้อหาแถบด้านข้างส่วนหัวส่วนท้ายและคุณลักษณะอื่น ๆ HTML 5 มีแท็กเพื่อสนับสนุนองค์ประกอบเหล่านั้นของหน้าเว็บ พวกเขาเป็น:
- กำหนดส่วนของหน้าเว็บ
-
กำหนดส่วนหัวของหน้า - กำหนดส่วนท้ายของหน้าเว็บ
- กำหนดการนำทางบนหน้าเว็บ
- กำหนดบทความหรือเนื้อหาหลักบนหน้าเว็บ
- กำหนดเนื้อหาพิเศษเช่นแถบด้านข้างบนหน้าเว็บ
กำหนดรูปภาพที่อธิบายประกอบบทความ
HTML 5 องค์ประกอบแบบอินไลน์ใหม่
องค์ประกอบแบบอินไลน์ใหม่กำหนดแนวความคิดพื้นฐานบางอย่างและเก็บความหมายไว้ดังนี้
- ระบุเนื้อหาที่มีการทำเครื่องหมายไว้ในบางรูปแบบ
- ระบุเนื้อหาที่เป็นเวลาหรือวันที่
ระบุเนื้อหาที่เป็นส่วนหนึ่งของช่วงที่รู้จักเช่นการใช้ดิสก์ - บ่งบอกถึงความคืบหน้าของงานต่อความสำเร็จ
HTML 5 สนับสนุนหน้าใหม่แบบไดนามิก
HTML 5 ได้รับการพัฒนาขึ้นเพื่อช่วยนักพัฒนาแอปพลิเคชันเว็บดังนั้นจึงมีคุณลักษณะใหม่มากมายที่ช่วยให้สามารถสร้างหน้า HTML แบบไดนามิกได้โดยง่าย:
- เมนูตามบริบท - HTML 5 สนับสนุนการสร้างและใช้เมนูบริบทภายในเว็บเพจและแอพพลิเคชัน
- href ไม่จำเป็นต้องใช้กับแท็ก ซึ่งช่วยให้คุณสามารถใช้แท็กที่มีสคริปและในแอปพลิเคชันเว็บได้โดยไม่จำเป็นต้องมีสถานที่เพื่อส่ง anchor
- แอตทริบิวต์ async - จะเพิ่มลงในแท็กสคริปต์เพื่อบอกเบราว์เซอร์ว่าสคริปต์ควรโหลดแบบอะซิงโครนัสเพื่อไม่ทำให้โหลดและการแสดงผลของหน้าเว็บเหลือลง
- - แสดงรายละเอียดเกี่ยวกับองค์ประกอบ นี่อาจเป็นคำแนะนำในการใช้งานที่ไม่ใช่เว็บ
สร้างตารางที่สร้างขึ้นจากฐานข้อมูลหรือแหล่งข้อมูลแบบไดนามิกอื่น ๆ - เป็นแท็กเก่าที่นำกลับมาและมีชีวิตใหม่ช่วยให้คุณสร้างระบบเมนูบนหน้าเว็บของคุณ
กำหนดการกระทำที่จะเกิดขึ้นเมื่อเปิดใช้งานองค์ประกอบแบบไดนามิก
HTML 5 รูปแบบฟอร์มใหม่
HTML 5 สนับสนุนรูปแบบการป้อนข้อมูลรูปแบบมาตรฐานทั้งหมด แต่จะเพิ่มขึ้นอีกเล็กน้อย:
- วันเวลา
- วันที่และเวลาท้องถิ่น
- วันที่
- เดือน
- สัปดาห์
- เวลา
- จำนวน
- พิสัย
- อีเมล
- URL
HTML 5 องค์ประกอบใหม่
มีองค์ประกอบใหม่ ๆ ที่น่าสนใจใน HTML 5:
- - องค์ประกอบนี้จะช่วยให้คุณมีพื้นที่วาดใน JavaScript บนหน้าเว็บของคุณ สามารถเพิ่มรูปภาพหรือกราฟในคำแนะนำเครื่องมือหรือสร้างกราฟไดนามิกบนหน้าเว็บของคุณสร้างขึ้นได้ทันที
- - เพิ่มวิดีโอลงในหน้าเว็บของคุณด้วยแท็กง่ายๆนี้
- - เพิ่มเสียงให้กับหน้าเว็บของคุณด้วยแท็กง่ายๆนี้
HTML 5 ลบองค์ประกอบบางส่วนออก
องค์ประกอบบางอย่างใน HTML 4 ไม่ได้รับการสนับสนุนจาก HTML 5 อีกต่อไปส่วนใหญ่จะเลิกใช้แล้วและไม่ควรแปลกใจ พวกเขาเป็น:
- อักษรย่อ
- แอปเพล็
- basefont
- ใหญ่
- ศูนย์
- dir
- ตัวอักษร
- กรอบ
- เฟรม
- isindex
- NOFRAMES
- noscript
- s
- การนัดหยุดงาน
- TT
- ยู