Skip to main content

สิ่งใหม่ ๆ ใน HTML 5 คืออะไร?

iOS 13 มาแล้ว มีอะไรใหม่? ลงแล้วเครื่องลื่นมาก ๆ พร้อมสรุปฟีเจอร์ใหม่ !! (อาจ 2025)

iOS 13 มาแล้ว มีอะไรใหม่? ลงแล้วเครื่องลื่นมาก ๆ พร้อมสรุปฟีเจอร์ใหม่ !! (อาจ 2025)
Anonim

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
  • ยู