ડાયનેમિક એચટીએમએલ એ ખરેખર એચટીએમએલનું નવું સ્પષ્ટીકરણ નથી, પરંતુ સ્ટાન્ડર્ડ એચટીએમએલ કોડ્સ અને કમાન્ડને જોવા અને તેનું નિયંત્રણ કરવાની નવી રીત છે.
જ્યારે ગતિશીલ એચટીએમએલ વિષે વિચારીએ તો તમારે સ્ટાન્ડર્ડ એચટીએમએલના ગુણો યાદ રાખવાની જરૂર છે, ખાસ કરીને જયારે કોઈ પૃષ્ઠને સર્વરમાંથી લોડ કરવામાં આવે, ત્યારે તે સર્વરમાં બીજી વિનંતી ન થાય ત્યાં સુધી તે બદલશે નહીં. ડાયનેમિક એચટીએમએલ તમને એચટીએમએલ ઘટકો પર વધુ નિયંત્રણ આપે છે અને વેબ સર્વર પર પાછા ફર્યા વગર, કોઈપણ સમયે તેમને બદલવા માટે પરવાનગી આપે છે.
DHTML માટે ચાર ભાગો છે:
- દસ્તાવેજ ઑબ્જેક્ટ મોડેલ (DOM) (વ્યાખ્યા)
- સ્ક્રિપ્ટો
- કેસ્કેડીંગ સ્ટાઇલ શીટ્સ (CSS)
- એક્સએચટીએમએલ
ડોમ
DOM એ તે છે જે તમને તમારા વેબ પૃષ્ઠના કોઈ પણ ભાગને DHTML સાથે બદલવા માટે પરવાનગી આપે છે. વેબ પેજના દરેક ભાગને DOM દ્વારા સ્પષ્ટ કરવામાં આવે છે અને તેના સુસંગત નામકરણ સંમેલનોનો ઉપયોગ કરીને તમે તેને ઍક્સેસ કરી શકો છો અને તેમની સંપત્તિઓ બદલી શકો છો.
સ્ક્રિપ્ટો
ક્યાં તો જાવાસ્ક્રિપ્ટ અથવા ActiveX માં લખાયેલ સ્ક્રિપ્ટો DHTML ને સક્રિય કરવા માટે ઉપયોગમાં લેવાતી બે સૌથી સામાન્ય સ્ક્રિપ્ટીંગ ભાષાઓ છે. તમે DOM માં ઉલ્લેખિત ઑબ્જેક્ટ્સને નિયંત્રિત કરવા માટે સ્ક્રિપ્ટીંગ ભાષાનો ઉપયોગ કરો છો.
કેસ્કેડીંગ સ્ટાઇલ શીટ્સ
વેબ પૃષ્ઠના દેખાવ અને લાગણીને નિયંત્રિત કરવા માટે ડી.ટી.એમ.એલ.માં સીએસએસનો ઉપયોગ થાય છે. સ્ટાઇલ શીટ્સ ટેક્સ્ટના રંગો અને ફોન્ટ્સને વ્યાખ્યાયિત કરે છે, પૃષ્ઠભૂમિ રંગ અને છબીઓ, અને પૃષ્ઠ પર ઓબ્જેક્ટોની પ્લેસમેન્ટ. સ્ક્રિપ્ટિંગ અને DOM નો ઉપયોગ કરીને, તમે વિવિધ ઘટકોની શૈલી બદલી શકો છો.
એક્સએચટીએમએલ
એક્સએચટીએમએલ અથવા એચટીએમએલ 4.x નો ઉપયોગ આ પૃષ્ઠને બનાવવા અને CSS અને DOM પરના તત્વો બનાવવા માટે કરવામાં આવે છે. ડી.ટી.એમ.ટી.એલ.એમ. માટે એક્સએચટીએમએલ વિશે વિશેષ કંઈ નથી - પરંતુ માન્ય એક્સએચટીએમએલ ધરાવતું વધારે મહત્ત્વનું છે, કારણ કે ત્યાં ફક્ત બ્રાઉઝર કરતાં તેનાથી વધુ કામ કરતા હોય છે.
DHTML ના લક્ષણો
ડીટીટીએમએલના ચાર પ્રાથમિક લક્ષણો છે:
- ટૅગ્સ અને ગુણધર્મો બદલવાનું
- રીઅલ-ટાઇમ સ્થિતિ
- ગતિશીલ ફોન્ટ્સ (નેટસ્કેપ કમ્યુનિકેટર)
- ડેટા બાઈન્ડીંગ (ઇન્ટરનેટ એક્સ્પ્લોરર)
ટૅગ્સ અને ગુણધર્મો બદલવાનું
આ DHTML ની સૌથી સામાન્ય ઉપયોગો પૈકીનું એક છે. તે તમને બ્રાઉઝરની બહારની ઇવેન્ટ (જેમ કે માઉસ ક્લિક, સમય અથવા તારીખ, વગેરે) પર આધારિત HTML ટેગના ગુણો બદલવાની મંજૂરી આપે છે. તમે આનો ઉપયોગ પૃષ્ઠ પર માહિતીને પહેલાથી લોડ કરવા માટે કરી શકો છો, અને જ્યાં સુધી રીડર કોઈ ચોક્કસ લિંક પર ક્લિક કરે ત્યાં સુધી તેને દર્શાવશો નહીં.
રીઅલ-ટાઇમ પોઝિશનિંગ
જ્યારે મોટાભાગના લોકો ડી.ટી.એમ.ટી. ઓબ્જેક્ટો, છબીઓ અને ટેક્સ્ટ વેબ પેજની આસપાસ ખસેડવાની. આ તમને તમારા વાચકો સાથે ક્રિયાપ્રતિક્રિયાત્મક રમતો રમી શકે છે અથવા તમારી સ્ક્રીનના ભાગને સજીવ કરી શકે છે.
ગતિશીલ ફોન્ટ
આ ફક્ત નેટસ્કેપ જ લક્ષણ છે નેટસ્કેપ એ આ સમસ્યાને વિકસિત કરવા માટે સમસ્યા ડિઝાઇનર્સની પાસે આ વિકસાવી હતી, જે જાણતા ન હતા કે વાચકોની સિસ્ટમ પર ફોન્ટ્સ કેવી હશે. ગતિશીલ ફોન્ટ્સ સાથે, ફોન્ટ્સને એન્કોડેડ અને ડાઉનલોડ કરવામાં આવે છે, જેથી પૃષ્ઠ હંમેશાં દેખાય છે કે ડિઝાઇનર તેને કેવી રીતે ઉદ્દભવે છે.
ડેટા બાઈન્ડીંગ
આ એક IE ફક્ત લક્ષણ છે માઇક્રોસોફ્ટે આને વેબ સાઇટ્સના ડેટાબેઝની સરળ ઍક્સેસ આપવા માટે વિકસાવ્યું હતું. તે ડેટાબેઝને ઍક્સેસ કરવા માટે CGI નો ઉપયોગ કરવા જેવી જ છે પરંતુ કાર્ય કરવા માટે ActiveX કંટ્રોલનો ઉપયોગ કરે છે. પ્રારંભિક DHTML લેખક માટે આ સુવિધા ખૂબ જ અદ્યતન અને મુશ્કેલ છે.