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