Div and span
એચ. ટી. એમ. એલ. માં, ડિવ અને સ્પાન ટેગ એ દસ્તાવેજના ભાગોને વ્યાખ્યાયિત કરવા માટે ઉપયોગમાં લેવાતા ઘટકો છે, જેથી જ્યારે અનન્ય વર્ગીકરણ જરૂરી હોય ત્યારે તેઓ ઓળખી શકાય. જ્યાં અન્ય એચટીએમએલ ઘટકો જેમ કે પી (ફકરો), એમ (ભાર), અને તેથી વધુ, સામગ્રીના શબ્દાર્થને સચોટ રીતે રજૂ કરે છે, ત્યાં સ્પાન અને ડિવ ટેગનો વધારાનો ઉપયોગ વાચકો માટે વધુ સારી સુલભતા અને લેખકો માટે સરળ જાળવણી તરફ દોરી જાય છે. જ્યાં કોઈ હાલનું એચ. ટી. એમ. એલ. તત્વ લાગુ પડતું નથી, ત્યાં સ્પાન અને ડિવ દસ્તાવેજના ભાગોને મૂલ્યવાન રીતે રજૂ કરી શકે છે જેથી વર્ગ, આઈ. ડી., લેંગ અથવા ડી. આઈ. આર. જેવા એચ. ટી. એમ. એલ. લક્ષણો લાગુ કરી શકાય. સ્પાન દસ્તાવેજના ઇનલાઇન ભાગને રજૂ કરે છે, ઉદાહરણ તરીકે વાક્યમાંના શબ્દો. ડિવ દસ્તાવેજના બ્લોક-લેવલ ભાગને રજૂ કરે છે જેમ કે થોડા ફકરા અથવા તેના કેપ્શન સાથેની છબી. ડિવ એટલે વિભાજન. તત્વો સિમેન્ટીક વિશેષતાઓને મંજૂરી આપે છે (દા. ત. લેંગ = "એન-યુએસ"), સીએસએસ સ્ટાઇલ (દા. ત., રંગ અને ટાઇપોગ્રાફી), અથવા ક્લાયન્ટ-સાઇડ સ્ક્રિપ્ટીંગ (દા. ત., એનિમેશન, છુપાવવું અને વૃદ્ધિ) લાગુ કરવા. ડિવ દસ્તાવેજના 'વિભાજન' ને વ્યાખ્યાયિત કરે છે, એક બ્લોક-સ્તરની વસ્તુ જે ઇનલાઇન સામગ્રીના સમયગાળા કરતાં તેની ઉપર અને નીચેનાં ઘટકોથી વધુ અલગ છે. ઉદાહરણ તરીકે, ફકરાની અંદર લખાણના ચોક્કસ ભાગને લાલ બનાવવા માટે, સ્પાનનો ઉપયોગ નીચે મુજબ કરી શકાય છેઃ ઇતિહાસ સ્પાન તત્વને 1995 માં આંતરરાષ્ટ્રીયકરણ કાર્યકારી જૂથના બીજા ડ્રાફ્ટ એચટીએમએલ-આઈ18એનમાં એચટીએમએલમાં રજૂ કરવામાં આવ્યું હતું. જો કે, તે એચટીએમએલ 4.01 સુધી ન હતું કે તે એચટીએમએલ ભાષાનો ભાગ બન્યો, જે 1997 માં એચટીએમએલ 4 ડબલ્યુ 3 સી વર્કિંગ ડ્રાફ્ટમાં દેખાયો. 1995માં, લખાણના કોઈપણ ઇનલાઇન ગાળાને ચિહ્નિત કરવા માટે સ્પાન રજૂ કરવામાં આવ્યું હતું, કારણ કે 'અન્ય કોઈ તત્વ યોગ્ય ન હોય તેવા કિસ્સાઓમાં લેંગ અને બી. આઈ. ડી. આઈ. વિશેષતાઓ વહન કરવા માટે સામાન્ય કન્ટેનરની જરૂર પડે છે.' તે હજુ પણ તે સામાન્ય હેતુને પૂર્ણ કરે છે, જો કે ત્યારથી સિમેન્ટીક તત્વોની વધુ સમૃદ્ધ શ્રેણીને વ્યાખ્યાયિત કરવામાં આવી છે, અને ત્યાં ઘણા વધુ લક્ષણો પણ છે જેને લાગુ કરવાની જરૂર પડી શકે છે. તફાવતો અને મૂળભૂત વર્તણૂક ડિવ અને સ્પાન વચ્ચે બહુવિધ તફાવતો છે. સૌથી નોંધપાત્ર તફાવત એ છે કે તત્વો કેવી રીતે પ્રદર્શિત થાય છે. પ્રમાણભૂત એચ. ટી. એમ. એલ. માં, ડિવ એ બ્લોક-લેવલ એલિમેન્ટ છે જ્યારે સ્પાન એ ઇનલાઇન એલિમેન્ટ છે. ડિવ બ્લોક પૃષ્ઠ પરના દસ્તાવેજના વિભાગને દૃષ્ટિની રીતે અલગ કરે છે, અને તેમાં અન્ય બ્લોક-સ્તરના ઘટકો હોઈ શકે છે. સ્પાન તત્વમાં આસપાસની સામગ્રી સાથે ઇનલાઇન માહિતીનો એક ભાગ હોય છે, અને તેમાં ફક્ત અન્ય ઇનલાઇન-સ્તરના ઘટકો હોઈ શકે છે. વ્યવહારમાં, તત્વોના મૂળભૂત પ્રદર્શનને કાસ્કેડિંગ સ્ટાઇલ શીટ્સ (સીએસએસ) ના ઉપયોગ દ્વારા બદલી શકાય છે, જો કે દરેક તત્વની માન્ય સામગ્રીને બદલી શકાતી નથી. ઉદાહરણ તરીકે, સી. એસ. એસ. ને ધ્યાનમાં લીધા વિના, સ્પાન તત્વમાં બ્લોક-લેવલ ચિલ્ડ્રન ન પણ હોઈ શકે. વ્યવહારુ ઉપયોગનો ગાળો અને ડિવ તત્વોનો ઉપયોગ સંપૂર્ણપણે બંધ તત્વોના તાર્કિક જૂથને સૂચવવા માટે થાય છે. વર્ગ અથવા ઓળખ લક્ષણો સાથે સ્પાન અને ડિવ ટેગનો ઉપયોગ કરવાના ત્રણ મુખ્ય કારણો છેઃ સી. એસ. એસ. સાથે સ્ટાઇલ કરવું એ સામગ્રીના ભાગોમાં લેઆઉટ, ટાઇપોગ્રાફિક, રંગ અને અન્ય પ્રસ્તુતિ લક્ષણો લાગુ કરવા માટે સી. એસ. એસ. સાથે જોડાણમાં વર્ગ અથવા ઓળખ લક્ષણો વહન કરવા માટે તત્વો માટે સામાન્ય છે. સી. એસ. એસ. માત્ર વિઝ્યુઅલ સ્ટાઇલને લાગુ પડતું નથીઃ જ્યારે વૉઇસ બ્રાઉઝર દ્વારા મોટેથી બોલવામાં આવે છે, ત્યારે સી. એસ. એસ. સ્ટાઇલ વાણી-દર, તણાવ, સમૃદ્ધિ અને સ્ટીરિયોફોનિક છબીની અંદરની સ્થિતિને પણ અસર કરી શકે છે. આ કારણોસર, અને વધુ સિમેન્ટીક વેબના સમર્થનમાં, એચ. ટી. એમ. એલ. ની અંદરના ઘટકો સાથે જોડાયેલ વિશેષતાઓએ માત્ર એક ચોક્કસ માધ્યમમાં તેમના ઇચ્છિત પ્રદર્શન ગુણધર્મોને બદલે, તેમના સિમેન્ટીક હેતુને વર્ણવવો જોઈએ. ઉદાહરણ તરીકે, એચ. ટી. એમ. એલ. શબ્દાર્થની દ્રષ્ટિએ નબળું છે, જ્યારે ભારને દર્શાવવા માટે એમ તત્વનો ઉપયોગ કરે છે (ત્રાંસા અક્ષરોમાં લખાણ તરીકે દેખાય છે), અને વધુ યોગ્ય વર્ગ નામ રજૂ કરે છે. સી. એસ. એસ. નો સાચો ઉપયોગ કરીને, આવી 'ચેતવણીઓ' સ્ક્રીન પર લાલ, બોલ્ડ ફોન્ટમાં પ્રસ્તુત કરી શકાય છે, પરંતુ જ્યારે છાપવામાં આવે ત્યારે તે અવગણવામાં આવી શકે છે, કારણ કે ત્યાં સુધીમાં તેમના વિશે કંઇપણ કરવાનું ખૂબ મોડું થઈ ગયું છે. કદાચ જ્યારે બોલવામાં આવે ત્યારે તેમને વધારાનો તણાવ આપવો જોઈએ, અને બોલવાના દરમાં થોડો ઘટાડો કરવો જોઈએ. બીજું ઉદાહરણ માત્ર પ્રસ્તુતિકરણને બદલે અર્થપૂર્ણ રીતે વધુ સમૃદ્ધ માર્કઅપ છે. અર્થપૂર્ણ સ્પષ્ટતા પૃષ્ઠની સામગ્રીના ભાગોનું આ પ્રકારનું જૂથ અને લેબલિંગ ફક્ત સામાન્ય શબ્દોમાં પૃષ્ઠને વધુ અર્થપૂર્ણ બનાવવા માટે રજૂ કરી શકાય છે. આવનારા વર્ષો અને દાયકાઓમાં વર્લ્ડ વાઇડ વેબનો વિકાસ કેવી રીતે થશે તે કહેવું અશક્ય છે. આજે રચાયેલ વેબ પૃષ્ઠો હજુ પણ ઉપયોગમાં હોઈ શકે છે જ્યારે માહિતી પ્રણાલીઓ કે જેની આપણે હજી કલ્પના કરી શકતા નથી તે વેબને ટ્રૉલ, પ્રક્રિયા અને વર્ગીકૃત કરી રહી છે. ગૂગલ અને અન્ય જેવા આજના સર્ચ એન્જિન પણ નોંધપાત્ર જટિલતાના માલિકીની માહિતી પ્રક્રિયા અલ્ગોરિધમ્સનો ઉપયોગ કરે છે. કેટલાક વર્ષોથી, વર્લ્ડ વાઇડ વેબ કન્સોર્ટિયમ (W3C) એક મુખ્ય સિમેન્ટીક વેબ પ્રોજેક્ટ ચલાવી રહ્યું છે, જે સમગ્ર વેબને આજની અને ભવિષ્યની માહિતી પ્રણાલીઓ માટે વધુને વધુ ઉપયોગી અને અર્થપૂર્ણ બનાવવા માટે રચાયેલ છે. માઇક્રોફોર્મેટ્સ ચળવળ એ સિમેન્ટીક વર્ગોના વિચારનું નિર્માણ કરવાનો પ્રયાસ છે. ઉદાહરણ તરીકે, માઇક્રોફોર્મેટ્સ-જાગૃત સોફ્ટવેર આપમેળે ટેલિફોન નંબર જેવા તત્વને શોધી શકે છે અને તેને આપમેળે ડાયલ કરવાની મંજૂરી આપી શકે છે. એકવાર એચ. ટી. એમ. એલ. અથવા એક્સ. એચ. ટી. એમ. એલ. માર્કઅપ પૃષ્ઠ-મુલાકાતીના ક્લાયન્ટ બ્રાઉઝર પર પહોંચાડવામાં આવે, ત્યારે ક્લાયન્ટ-સાઇડ કોડને વેબ પૃષ્ઠના આંતરિક માળખા (અથવા ડોક્યુમેન્ટ ઓબ્જેક્ટ મોડલ) ને નેવિગેટ કરવાની જરૂર પડશે. આનું સૌથી સામાન્ય કારણ એ છે કે પૃષ્ઠ ક્લાયન્ટ-સાઇડ જાવાસ્ક્રિપ્ટ સાથે વિતરિત કરવામાં આવે છે જે પૃષ્ઠ રેન્ડર થયા પછી ચાલુ ગતિશીલ વર્તણૂક ઉત્પન્ન કરશે. ઉદાહરણ તરીકે, જો 'અત્યારે ખરીદો' લિંક પર માઉસને ફેરવવાનો અર્થ કિંમત બનાવવાનો હોય, તો પૃષ્ઠ પર અન્યત્ર, ભાર મૂકવામાં આવે છે, જાવાસ્ક્રિપ્ટ કોડ આ કરી શકે છે, પરંતુ જાવાસ્ક્રિપ્ટને કિંમત તત્વને ઓળખવાની જરૂર છે, જ્યાં પણ તે માર્કઅપમાં હોય. નીચેનું માર્કઅપ પૂરતું હશેઃ બીજું ઉદાહરણ એ એજેક્સ પ્રોગ્રામિંગ તકનીક છે, જ્યાં, ઉદાહરણ તરીકે, હાયપરટેક્સ્ટ લિંક પર ક્લિક કરવાથી જાવાસ્ક્રિપ્ટ કોડ સમગ્ર પૃષ્ઠને ફરીથી લોડ કર્યા વિના, પૃષ્ઠની અંદર વર્તમાનની જગ્યાએ પ્રદર્શિત કરવા માટે નવા ભાવ અવતરણ માટે લખાણને પુનઃપ્રાપ્ત કરી શકે છે. જ્યારે નવો ટેક્સ્ટ સર્વરમાંથી પાછો આવે છે, ત્યારે જાવાસ્ક્રિપ્ટએ નવી માહિતી સાથે બદલવા માટે પૃષ્ઠ પર ચોક્કસ પ્રદેશને ઓળખવો આવશ્યક છે. સ્વચાલિત પરીક્ષણ સાધનોને પણ સ્પાન અને ડિવ ઘટકોના વર્ગ અથવા ઓળખ લક્ષણોનો ઉપયોગ કરીને વેબ પૃષ્ઠ માર્કઅપને નેવિગેટ કરવાની જરૂર પડી શકે છે. ગતિશીલ રીતે જનરેટેડ એચ. ટી. એમ. એલ. માં, આમાં પૃષ્ઠ પરીક્ષણ સાધનો જેમ કે એચ. ટી. ટી. પી. યુનિટ, xUnit પરિવારના સભ્યનો ઉપયોગ અને જ્યારે ફોર્મ-સંચાલિત વેબ સાઇટ્સ પર લાગુ કરવામાં આવે ત્યારે અપાચે જેમીટર જેવા લોડ અથવા સ્ટ્રેસ પરીક્ષણ સાધનોનો સમાવેશ થઈ શકે છે. ડિવ અને સ્પાનનો વિવેકપૂર્ણ ઉપયોગ એ એચટીએમએલ અને એક્સએચટીએમએલ માર્કઅપનો એક મહત્વપૂર્ણ ભાગ છે. જો કે, તેઓ ક્યારેક વધુ પડતા ઉપયોગમાં લેવાય છે. એચ. ટી. એમ. એલ. માં ઉપલબ્ધ વિવિધ સૂચિ માળખાઓ ડિવ અને સ્પાન તત્વોના ઘરે બનાવેલા મિશ્રણ કરતાં વધુ સારી હોઈ શકે છે. ઉદાહરણ તરીકે, આઃ <ઉલ્ વર્ગ = "મેનુ"> <લી> મુખ્ય પાનું </લી> <લી> સામગ્રીઓ </લી> મદદ </લી> </ઉલ> જે મુખ્ય પાનું સામગ્રીઓ મદદ કરે છે. સામાન્ય રીતે આને બદલે પ્રાધાન્ય આપવામાં આવે છેઃ <ડિવ વર્ગ = "મેનુ"> <સ્પાન> મુખ્ય પાનું </સ્પાન> <સ્પાન> સામગ્રી </સ્પાન> </સ્પાન> મદદ </સ્પાન> </ડિવ> જે મુખ્ય પાનાની સામગ્રી બનાવે છે મદદ ડિવ અને સ્પાન તત્વોને બદલે એચટીએમએલના સિમેન્ટીક ઉપયોગના અન્ય ઉદાહરણોમાં વેબ ફોર્મને વિભાજિત કરવા માટે ફિલ્ડસેટ તત્વોનો ઉપયોગ, આવા વિભાગોને ઓળખવા માટે દંતકથા તત્વોનો ઉપયોગ અને ડિવને બદલે ફોર્મ ઇનપુટ તત્વોને ઓળખવા માટે લેબલનો ઉપયોગ શામેલ છે. એચ. ટી. એમ. એલ. 5 એ કેટલાક નવા ઘટકો રજૂ કર્યા; કેટલાક ઉદાહરણોમાં હેડર, ફૂટર, એનએવી અને આકૃતિ ઘટકોનો સમાવેશ થાય છે. અર્થપૂર્ણ રીતે યોગ્ય તત્વોનો ઉપયોગ એચ. ટી. એમ. એલ. દસ્તાવેજોને સ્પાન અથવા ડિવ કરતાં વધુ સારી રચના પ્રદાન કરે છે. એચ. ટી. એમ. એલ. અને એચ. ટી. એમ. એલ. 5 એચ. ટી. એમ. એલ. એલિમેન્ટ એચ. ટી. એમ. એલ. એટ્રિબ્યુટ કેસ્કેડિંગ સ્ટાઇલ શીટ્સ એન્ડ હેલ્પઃ કેસ્કેડિંગ સ્ટાઇલ શીટ્સ સી. ડી. એ. ટી. એ. ઓબ્જેક્ટ્સ ઇન સ્પેન્સ (સી. ઓ. આઈ. એન. એસ.) જાવાસ્ક્રિપ્ટ સિમેન્ટીક વેબ રેફરન્સ બાહ્ય કડીઓ જૂથ ઘટકોઃ ડી. આઈ. વી. અને એસ. પી. એ. એન. ઘટકો એચ. ટી. એમ. એલ. ટેગ્સ એચ. ટી. એમ. એલ.