إن لغة HTML الديناميكية ليست في الواقع مواصفات جديدة لـ HTML ، ولكنها طريقة مختلفة للنظر في رموز وأوامر HTML القياسية والتحكم فيها.
عند التفكير في الديناميكية لغة البرمجة، عليك أن تتذكر صفات HTML القياسية ، خاصة أنه بمجرد تحميل الصفحة من الخادم ، لن تتغير حتى يأتي طلب آخر إلى الخادم. يمنحك Dynamic HTML مزيدًا من التحكم في عناصر HTML ويسمح لهم بالتغيير في أي وقت ، دون الرجوع إلى خادم الويب.
هناك أربعة أجزاء لـ DHTML:
- نموذج كائن المستند (DOM) (تعريف)
- نصوص
- اوراق النمط المتعاقب (CSS)
- XHTML
DOM
DOM هو ما يسمح لك بالوصول إلى أي جزء من صفحة الويب الخاصة بك لتغييره باستخدام DHTML. يتم تحديد كل جزء من صفحة الويب بواسطة DOM وباستخدام اصطلاحات التسمية المتسقة ، يمكنك الوصول إليها وتغيير خصائصها.
نصوص
البرامج النصية المكتوبة بأي من JavaScript أو ActiveX هما أكثر لغات البرمجة النصية شيوعًا المستخدمة لتنشيط DHTML. يمكنك استخدام لغة برمجة للتحكم في الكائنات المحددة في DOM.
اوراق النمط المتعاقب
يتم استخدام 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 فقط. قامت Microsoft بتطوير هذا للسماح بوصول أسهل إلى ملفات قواعد البيانات من مواقع الويب. إنه مشابه جدًا لاستخدام CGI للوصول إلى قاعدة بيانات ولكنها تستخدم عنصر تحكم ActiveX لتعمل. هذه الميزة متقدمة جدًا ويصعب استخدامها لكاتب DHTML المبتدئ.