Dynamic HTML คืออะไร?

Dynamic HTML หรือที่รู้จักกันทั่วไปว่า DOM scripting หรือ DHTML เป็นชุดของเครื่องมือที่สามารถใช้ในการสร้างองค์ประกอบแบบโต้ตอบบนเว็บไซต์ โดยทั่วไปแล้ว HTML แบบไดนามิกจะรวม HTML มาตรฐานซึ่งเป็นภาษามาร์กอัปของเว็บด้วยภาษาสคริปต์ สิ่งนี้ช่วยให้ผู้ออกแบบเว็บไซต์สามารถรวมองค์ประกอบตัวแปรไปยังหน้าเว็บที่ผู้ใช้สามารถเปลี่ยนแปลงได้หลังจากโหลดหน้าเว็บแล้ว ตัวอย่างของ HTML แบบไดนามิกคือเมนูที่เลื่อนลงเมื่อผู้ใช้เลื่อนผ่าน เกม DHTML ก็กำลังเป็นที่นิยมเช่นกัน

เว็บไซต์ที่สร้างขึ้นจาก HTML แบบคงที่ไม่สามารถเปลี่ยนแปลงหรือแก้ไขโดยผู้ใช้เมื่อโหลดแล้ว สำหรับเว็บไซต์พื้นฐานนี่ไม่ใช่ปัญหา แต่การขาดการโต้ตอบเป็นปัญหาสำหรับเว็บไซต์และแอปพลิเคชั่นมากมาย Dynamic HTML รวม HTML ปกติกับ JavaScript ซึ่งเป็นภาษาสคริปต์อย่างง่ายเพื่อมอบอิสระที่มากขึ้นให้กับนักออกแบบเว็บไซต์ผ่านองค์ประกอบแบบอินเทอร์แอคทีฟ

HTML มาตรฐานไม่มี“ ตัวแปร” ที่สามารถเปลี่ยนแปลงได้ แต่ HTML แบบไดนามิกนั้น เมื่อโหลดเว็บไซต์ที่มี DHTML แล้วจะสามารถใช้ภาษาสคริปต์เพื่อเปลี่ยนองค์ประกอบบางอย่างของหน้าเว็บได้ อย่างไรก็ตามไม่สามารถสร้างหน้าเว็บที่มีเนื้อหาที่สร้างขึ้นแบบไดนามิก สำหรับสิ่งนี้ผู้ออกแบบเว็บไซต์จะต้องใช้ภาษาสคริปต์ฝั่งเซิร์ฟเวอร์เช่น PHP และ Perl

ในขั้นต้น HTML แบบไดนามิกนั้นรู้จักกันในชื่อ DHTML เนื่องจากปัญหาเบื้องต้นเกี่ยวกับการนำเทคโนโลยีมาใช้กับเบราว์เซอร์อินเทอร์เน็ตทั้งหมดฉลากนี้จึงล้าสมัย แต่ปัจจุบันเทคโนโลยีนี้ถูกเรียกว่า DOM scripting ซึ่งย่อมาจากการเขียนสคริปต์ Document Object Model นี่เป็นชุดของข้อตกลงที่ทำงานกับเบราว์เซอร์ทั้งหมดและทำให้การพัฒนาเว็บเพจแบบไดนามิกเคลื่อนไหวง่ายขึ้นมาก

มีตัวอย่างทั่วไปจำนวนมากของ HTML แบบไดนามิกที่ใช้งานอยู่ นอกเหนือจากเมนูแบบเลื่อนลงฟอร์มที่สามารถส่งคืนข้อมูลโดยไม่จำเป็นต้องส่งไปยังเซิร์ฟเวอร์และอัปเดตเนื้อหาโดยอัตโนมัติเป็นอีกสองตัวอย่าง สิ่งเหล่านี้จะเป็นเรื่องยากหรือเป็นไปไม่ได้ที่จะใช้ HTML มาตรฐานและภาษาสคริปต์ฝั่งเซิร์ฟเวอร์ การซ่อนเนื้อหาจากผู้ใช้จนกว่าจะมีการกระทำเฉพาะเกิดขึ้นเป็นการใช้งานทั่วไปของเทคโนโลยี

การพัฒนาเกม HTML แบบไดนามิกกำลังยากขึ้นในขณะนี้ที่ปัญหาข้ามเบราว์เซอร์เริ่มก่อให้เกิดน้อยลง เกมสคริปต์ DOM ยังค่อนข้างหายาก แต่เทคโนโลยีนี้ทำงานได้ดีสำหรับเกมที่ใช้เบราว์เซอร์ขนาดเล็ก ข้อได้เปรียบของเกม DHTML ก็คือพวกเขาสามารถเรียกใช้ระบบปฏิบัติการยอดนิยมในรูปแบบวิดเจ็ต