HTML แบบไดนามิกไม่ใช่ข้อกำหนดใหม่ของ HTML แต่เป็นรูปแบบใหม่ในการดูและควบคุมรหัส HTML มาตรฐานและคำสั่ง
เมื่อคิดถึง HTML แบบไดนามิกคุณจำเป็นต้องจดจำคุณภาพของ HTML มาตรฐานโดยเฉพาะอย่างยิ่งเมื่อมีการโหลดหน้าเว็บจากเซิร์ฟเวอร์จะไม่มีการเปลี่ยนแปลงจนกว่าจะมีคำขออื่นมาถึงเซิร์ฟเวอร์ Dynamic HTML ช่วยให้คุณสามารถควบคุมองค์ประกอบ HTML ได้มากขึ้นและช่วยให้สามารถเปลี่ยนแปลงได้ตลอดเวลาโดยไม่ต้องกลับไปที่เว็บเซิร์ฟเวอร์
DHTML มีสี่ส่วนดังนี้
- Document Object Model (DOM) (ความหมาย)
- สคริป
- Cascading Style Sheets (CSS)
- XHTML
DOM
DOM คือสิ่งที่ช่วยให้คุณสามารถเข้าถึงส่วนใดส่วนหนึ่งของเว็บเพจของคุณเพื่อเปลี่ยนด้วย DHTML ทุกส่วนของเว็บเพจถูกระบุโดย DOM และใช้อนุสัญญาการตั้งชื่อที่สอดคล้องกันเพื่อให้สามารถเข้าถึงได้และเปลี่ยนแปลงคุณสมบัติ
สคริป
สคริปต์ที่เขียนด้วย JavaScript หรือ ActiveX เป็นภาษาสคริปต์สองภาษาที่ใช้กันทั่วไปในการเปิดใช้งาน DHTML คุณใช้ภาษาสคริปต์เพื่อควบคุมอ็อบเจ็กต์ที่ระบุใน DOM
Cascading Style Sheets
CSS ใช้ใน DHTML เพื่อควบคุมรูปลักษณ์ของหน้าเว็บ สไตล์ชีตกำหนดสีและแบบอักษรของข้อความสีพื้นหลังและภาพและตำแหน่งของวัตถุบนหน้า การใช้สคริปต์และ DOM คุณสามารถเปลี่ยนสไตล์ขององค์ประกอบต่างๆได้
XHTML
XHTML หรือ HTML 4.x ใช้เพื่อสร้างหน้าเว็บและสร้างองค์ประกอบสำหรับ CSS และ DOM เพื่อใช้งาน ไม่มีอะไรที่เป็นพิเศษเกี่ยวกับ XHTML สำหรับ DHTML แต่การมี XHTML ที่ถูกต้องก็สำคัญยิ่งกว่าเนื่องจากมีสิ่งต่างๆมากมายที่ทำงานจากเบราเซอร์มากกว่า
คุณลักษณะของ DHTML
มีสี่คุณสมบัติหลักของ DHTML:
- การเปลี่ยนแท็กและคุณสมบัติ
- การวางตำแหน่งแบบเรียลไทม์
- แบบอักษรแบบไดนามิก (Netscape Communicator)
- การผูกข้อมูล (Internet Explorer)
การเปลี่ยนแท็กและคุณสมบัติ
นี่เป็นหนึ่งในการใช้งาน DHTML ที่ใช้บ่อยที่สุด ช่วยให้คุณสามารถเปลี่ยนคุณภาพของ แท็ก HTML ขึ้นอยู่กับเหตุการณ์ภายนอกเบราว์เซอร์ (เช่นการคลิกเมาส์เวลาหรือวันที่เป็นต้น) คุณสามารถใช้ข้อมูลนี้เพื่อโหลดข้อมูลล่วงหน้าลงบนหน้าเว็บและไม่แสดงข้อมูลนั้นยกเว้นผู้อ่านจะคลิกลิงก์เฉพาะ
การจัดตำแหน่งแบบเรียลไทม์
เมื่อคนส่วนใหญ่คิดถึง DHTML นี่คือสิ่งที่พวกเขาคาดหวังไว้ วัตถุรูปภาพและข้อความที่เคลื่อนที่ไปทั่วเว็บเพจ ซึ่งจะช่วยให้คุณสามารถเล่นเกมแบบอินเทอร์แอคทีฟกับผู้อ่านของคุณหรือสร้างภาพเคลื่อนไหวของหน้าจอได้
แบบอักษรแบบไดนามิก
นี่เป็นคุณลักษณะเฉพาะของ Netscape Netscape ได้พัฒนาวิธีนี้เพื่อให้นักออกแบบมีปัญหาโดยไม่ทราบว่า แบบอักษรใดจะอยู่ในระบบของผู้อ่าน แบบอักษรแบบไดนามิกแบบอักษรจะได้รับการเข้ารหัสและดาวน์โหลดมาพร้อมกับหน้าเว็บเพื่อให้หน้าเว็บดูเสมอว่านักออกแบบตั้งใจจะทำอย่างไร
การผูกข้อมูล
นี่เป็นคุณลักษณะเฉพาะของ IE เท่านั้น ไมโครซอฟท์พัฒนาขึ้นเพื่อให้สามารถเข้าถึง ฐานข้อมูลจากเว็บไซต์ ได้ง่ายขึ้น คล้ายกับการ ใช้ CGI เพื่อเข้าถึงฐานข้อมูล แต่ใช้ตัวควบคุม ActiveX เพื่อทำงาน คุณลักษณะนี้เป็นขั้นสูงมากและยากที่จะใช้สำหรับการเริ่มต้นนักเขียน DHTML