HTML דינמי אינו באמת מפרט חדש של HTML, אלא דרך אחרת להסתכל ולשלוט בקודי ה- HTML הסטנדרטיים.
כשחושבים על דינמיקה HTML, עליך לזכור את האיכויות של HTML רגיל, במיוחד שברגע שנטען דף מהשרת, הוא לא ישתנה עד שתגיע בקשה נוספת לשרת. HTML דינמי מעניק לך שליטה רבה יותר על רכיבי ה- HTML ומאפשר להם לשנות בכל עת, מבלי לחזור לשרת האינטרנט.
ישנם DHML ארבעה חלקים:
- מודל אובייקט מסמך (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
ישנן DHL ארבע תכונות עיקריות:
- שינוי התגים והמאפיינים
- מיצוב בזמן אמת
- גופנים דינמיים (Netscape Communicator)
- קשירת נתונים (Internet Explorer)
שינוי התגים והמאפיינים
זהו אחד השימושים הנפוצים ביותר ב- DHTML. זה מאפשר לך לשנות את התכונות של תג HTML תלוי באירוע מחוץ לדפדפן (כגון לחיצת עכבר, שעה או תאריך וכן הלאה). אתה יכול להשתמש בזה כדי לטעון מידע מראש לדף ולא להציג אותו אלא אם הקורא לוחץ על קישור ספציפי.
מיקום בזמן אמת
כשרוב האנשים חושבים על DHTML זה מה שהם מצפים לו. אובייקטים, תמונות וטקסט נעים בדף האינטרנט. זה יכול לאפשר לך לשחק משחקים אינטראקטיביים עם הקוראים שלך או להנפיש חלקים מהמסך שלך.
גופנים דינמיים
זוהי תכונה נטסקייפ בלבד. נטסקייפ פיתחה את זה כדי לעקוף את הבעיה שיש למעצבים שלא ידעו מהם הגופנים במערכת הקורא. עם גופנים דינמיים, הגופנים מקודדים ומורידים יחד עם הדף, כך שהדף תמיד נראה כפי שהתכנן המעצב. אתה יכול גם להשתמש גופנים בטוחים באינטרנט.
מיזוג נתונים
זו תכונה של IE בלבד. מיקרוסופט פיתחה זאת כדי לאפשר גישה קלה יותר ל- מאגרי מידע מאתרי אתרים. זה מאוד דומה לשימוש CGI כדי לגשת למסד נתונים אך משתמש בפקד ActiveX כדי לתפקד. תכונה זו מתקדמת מאוד וקשה להשתמש בה עבור כותב ה- DHTML המתחיל.