HTML ແບບເຄື່ອນໄຫວບໍ່ໄດ້ເປັນຂໍ້ກໍານົດໃຫມ່ຂອງ HTML, ແຕ່ແທນທີ່ຈະເປັນວິທີໃຫມ່ຂອງການຊອກຫາແລະຄວບຄຸມລະຫັດ HTML ມາດຕະຖານແລະຄໍາສັ່ງ.
ໃນເວລາທີ່ຄິດກ່ຽວກັບ HTML ແບບເຄື່ອນໄຫວ, ທ່ານຈໍາເປັນຕ້ອງຈື່ຈໍາຄຸນລັກສະນະຂອງ HTML ມາດຕະຖານ, ໂດຍສະເພາະເມື່ອຫນຶ່ງຫນ້າຖືກໂຫລດມາຈາກເຄື່ອງແມ່ຂ່າຍ, ມັນຈະບໍ່ປ່ຽນແປງຈົນກ່ວາການຮ້ອງຂໍອື່ນມາຮອດເຄື່ອງແມ່ຂ່າຍ. HTML ແບບເຄື່ອນໄຫວໃຫ້ທ່ານຄວບຄຸມຫຼາຍກວ່າອົງປະກອບ HTML ແລະອະນຸຍາດໃຫ້ພວກເຂົາມີການປ່ຽນແປງໄດ້ຕະຫຼອດເວລາໂດຍບໍ່ຕ້ອງກັບຄືນສູ່ເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌.
ມີ 4 ສ່ວນກ່ຽວກັບ DHTML:
- Document Object Model (DOM) (definition)
- Scripts
- ແຜ່ນສະໄຕແບບ Cascading (CSS)
- XHTML
DOM
DOM ແມ່ນສິ່ງທີ່ອະນຸຍາດໃຫ້ທ່ານສາມາດເຂົ້າເຖິງສ່ວນໃດຂອງເວັບໄຊທ໌ຂອງທ່ານເພື່ອປ່ຽນມັນດ້ວຍ DHTML. ສ່ວນຫນຶ່ງຂອງຫນ້າເວັບໃດຫນຶ່ງຖືກກໍານົດໄວ້ໂດຍ DOM ແລະນໍາໃຊ້ສົນທິສັນຍາຊື່ທີ່ສອດຄ່ອງຂອງຕົນທີ່ທ່ານສາມາດເຂົ້າເຖິງພວກມັນແລະປ່ຽນຄຸນສົມບັດຂອງມັນ.
Scripts
Scripts ທີ່ຂຽນໄວ້ໃນ JavaScript ຫຼື ActiveX ແມ່ນສອງພາສາ scripting ທີ່ໃຊ້ຫຼາຍທີ່ສຸດທີ່ໃຊ້ໃນການເຮັດວຽກ DHTML. ທ່ານໃຊ້ພາສາ scripting ເພື່ອຄວບຄຸມວັດຖຸທີ່ລະບຸໄວ້ໃນ DOM.
Cascading Style Sheets
CSS ໃຊ້ໃນ DHTML ເພື່ອຄວບຄຸມເບິ່ງແລະຄວາມຮູ້ສຶກຂອງຫນ້າເວັບ. ແຜ່ນຮູບແບບກໍານົດສີແລະຟອມຂອງຂໍ້ຄວາມ, ສີພື້ນຖານແລະຮູບພາບ, ແລະການວາງລົງຂອງວັດຖຸໃນຫນ້າ. ການໃຊ້ scripting ແລະ DOM, ທ່ານສາມາດປ່ຽນແບບຂອງອົງປະກອບຕ່າງໆ.
XHTML
XHTML ຫຼື HTML 4.x ຖືກນໍາໃຊ້ເພື່ອສ້າງຫນ້າຕົວມັນເອງແລະສ້າງອົງປະກອບສໍາລັບ CSS ແລະ DOM ເພື່ອເຮັດວຽກ. ບໍ່ມີຫຍັງພິເສດກ່ຽວກັບ XHTML ສໍາລັບ DHTML - ແຕ່ວ່າມີ XHTML ທີ່ຖືກຕ້ອງແມ່ນມີຄວາມສໍາຄັນຫຼາຍເພາະວ່າມີຫຼາຍສິ່ງທີ່ເຮັດວຽກຈາກມັນເທົ່າກັບຕົວທ່ອງເວັບ.
ຄຸນສົມບັດຂອງ DHTML
ມີສີ່ລັກສະນະຕົ້ນຕໍຂອງ DHTML:
- ການປ່ຽນແປງ tags ແລະຄຸນສົມບັດ
- ຕໍາແຫນ່ງທີ່ໃຊ້ເວລາທີ່ແທ້ຈິງ
- ແບບຟອມແບບເຄື່ອນໄຫວ (Netscape Communicator)
- ການເຊື່ອມໂຍງຂໍ້ມູນ (Internet Explorer)
ການປ່ຽນແທໍບແລະຄຸນສົມບັດ
ນີ້ແມ່ນຫນຶ່ງໃນການໃຊ້ DHTML ທີ່ພົບເລື້ອຍໆ. ມັນອະນຸຍາດໃຫ້ທ່ານປ່ຽນຄຸນນະພາບຂອງ ແທັບ HTML ຂຶ້ນກັບເຫດການທີ່ຢູ່ນອກຕົວທ່ອງເວັບ (ເຊັ່ນ: ກົດຫນູ, ເວລາ, ຫຼືວັນທີ, ແລະອື່ນໆ). ທ່ານສາມາດນໍາໃຊ້ຂໍ້ມູນນີ້ກ່ອນທີ່ຈະໃສ່ຂໍ້ມູນເທິງຫນ້າແລະບໍ່ສະແດງຂໍ້ມູນໄດ້ເວັ້ນເສຍແຕ່ວ່າຜູ້ອ່ານຈະກົດໃສ່ລິ້ງໃດຫນຶ່ງ.
ຕໍາແຫນ່ງທີ່ແທ້ຈິງເວລາ
ເມື່ອຄົນສ່ວນໃຫຍ່ຄິດວ່າ DHTML ນີ້ແມ່ນສິ່ງທີ່ພວກເຂົາຄາດຫວັງ. ຈຸດປະສົງ, ຮູບພາບ, ແລະຂໍ້ຄວາມເຄື່ອນຍ້າຍທົ່ວຫນ້າເວັບ. ນີ້ສາມາດເຮັດໃຫ້ທ່ານສາມາດຫລິ້ນເກມທີ່ມີການໂຕ້ຕອບກັບຜູ້ອ່ານຂອງທ່ານຫຼືເຄື່ອນໄຫວບາງສ່ວນຂອງຫນ້າຈໍຂອງທ່ານ.
Dynamic Fonts
ນີ້ແມ່ນຄຸນສົມບັດ Netscape ເທົ່ານັ້ນ. Netscape ພັດທະນານີ້ເພື່ອເຮັດໃຫ້ນັກອອກແບບມີບັນຫາກັບບໍ່ຮູ້ວ່າສິ່ງທີ່ font ຈະຢູ່ໃນລະບົບຜູ້ອ່ານ. ມີໂປແກຣມແບບເຄື່ອນໄຫວ, ຕົວອັກສອນໄດ້ຖືກເຂົ້າລະຫັດແລະດາວໂຫຼດດ້ວຍຫນ້ານັ້ນ, ດັ່ງນັ້ນຫນ້ານີ້ເບິ່ງຄືວ່າຜູ້ອອກແບບມີຈຸດປະສົງແນວໃດ.
Data Binding
ນີ້ແມ່ນຄຸນສົມບັດ IE ເທົ່ານັ້ນ. Microsoft ໄດ້ພັດທະນານີ້ເພື່ອອະນຸຍາດໃຫ້ເຂົ້າເຖິງ ຖານຂໍ້ມູນໄດ້ງ່າຍຈາກເວັບໄຊທ໌ . ມັນຄ້າຍຄືກັນກັບການ ໃຊ້ CGI ເພື່ອເຂົ້າເຖິງຖານຂໍ້ມູນແຕ່ໃຊ້ການຄວບຄຸມ ActiveX ເພື່ອເຮັດວຽກ. ຄຸນນະສົມບັດນີ້ແມ່ນກ້າວຫນ້າແລະຍາກທີ່ຈະໃຊ້ສໍາລັບຜູ້ຂຽນ DHTML ທີ່ເລີ່ມຕົ້ນ.