નેસ્ટ એચટીએમએલ ટૅગ્સ કેવી રીતે યોગ્ય રીતે
જો તમે આજે કોઈપણ વેબપેજ માટે HTML માર્કઅપ જુઓ, તો તમે HTML તત્વોમાં સમાયેલ HTML તત્વો જોશો. આ તત્વો કે જે "અન્ય" ની અંદર છે "નેસ્ટેડ એલિમેન્ટ્સ" તરીકે ઓળખાય છે, અને તેઓ આજે કોઈપણ વેબ પૃષ્ઠ બનાવવા માટે જરૂરી છે.
તે માળો એચટીએમએલ ટૅગ્સ શું અર્થ છે?
નેસ્ટિંગને સમજવાની સૌથી સહેલી રીત એ છે કે એચટીએમએલ ટૅગ્સને તમારી બૉક્સીસ તરીકે ગણવામાં આવે છે. તમારી સામગ્રીમાં ટેક્સ્ટ, છબીઓ, વગેરે શામેલ હોઈ શકે છે. એચટીએમએલ ટૅગ્સ સામગ્રીની આસપાસના બોક્સ છે. કેટલીકવાર, તમારે અન્ય બૉક્સીસની અંદર સ્થાનો મૂકવાની જરૂર છે. તે "આંતરિક" બૉક્સીસ અન્યની અંદર નેસ્ટ છે.
જો તમારી પાસે ટેક્સ્ટનો બ્લોક છે જે તમે ફકરોની અંદર બોલ્ડ કરવા માંગો છો, તો તમારી પાસે બે એચટીએમએલ ઘટકો છે અને સાથે સાથે ટેક્સ્ટ પોતે જ હશે.
ઉદાહરણ: આ ટેક્સ્ટની સજા છે.તે ટેક્સ્ટ છે જે આપણે આપણા ઉદાહરણ તરીકે ઉપયોગ કરીશું. અહીં તે કેવી રીતે લખવામાં આવશે તે છે
ઉદાહરણ: આ ટેક્સ્ટની સજા છે.
કારણ કે તમે શબ્દ "વાક્ય" બોલ્ડ તરીકે કરવા માંગો છો, તમે તે worod પહેલા અને પછી બોલ્ડ ટૅગ્સ ખોલીને બંધ.
ઉદાહરણ: આ એક સજા છે.
તમે જોઈ શકો છો, અમારી પાસે એક બૉક્સ છે (ફકરા) જેમાં આપણી સજાના સમાવિષ્ટ / ટેક્સ્ટનો સમાવેશ થાય છે, વત્તા બીજા બૉક્સ (મજબૂત ટેગ જોડ), જે તે શબ્દને બોલ્ડ તરીકે રેન્ડર કરશે.
જ્યારે તમે નેસ્ટ ટેગ્સ, તે વિવેચનાત્મક રીતે મહત્વપૂર્ણ છે કે તમે વિપરીત ક્રમમાં ટૅગ્સને બંધ કરો છો જે તમે તેમને ખોલ્યા છે. તમે
પહેલા, , જેનો અર્થ છે કે તમે ઉલટાવી શકો છો અને બંધ કરો અને પછી ખોલો છો.
આ વિશે વિચારવાનો બીજો રસ્તો એ છે કે ફરી એક વખત બોક્સની સાપેક્ષતાનો ઉપયોગ કરવો. જો તમે કોઈ બીજા બૉક્સમાં એક બૉક્સ મૂકો છો, તો તમારે બાહ્ય અથવા બોક્સ સમાપ્ત કરી શકો તે પહેલા તમારે આંતરિક એકને બંધ કરવું પડશે.
વધુ નેસ્ટેડ ટૅગ્સ ઉમેરી રહ્યા છે
જો તમે માત્ર એક અથવા બે શબ્દો બોલ્ડ કરવા માંગો, અને અન્ય એક ઇટાલિક સુયોજિત કરવા માંગો છો? તે કેવી રીતે કરવું તે અહીં છે
ઉદાહરણ: આ ટેક્સ્ટની સજા છે અને તેમાં કેટલાક ઇટાલિક ટેક્સ્ટ પણ છે. તમે જોઈ શકો છો કે અમારું બાહ્ય બોક્સ, , હવે તેના અંદર બે નેસ્ટ કરેલા ટૅગ્સ છે - અને તે સમાવતી બોક્સ બંધ કરી શકાય તે પહેલાં બંને બંધ હોવા જોઈએ. ઉદાહરણ: આ ટેક્સ્ટની સજા છે અને તેમાં કેટલાક ઇટાલિક ટેક્સ્ટ પણ છે. આ એક ફકરો છે. < / p> આ કિસ્સામાં અમારી પાસે બૉક્સીસની અંદર બોક્સ છે! સૌથી વધુ બોક્સ એ તમે નેસ્ટેડ વિશે કાળજી લેવી જોઈએ તે એક જ કારણ એ છે કે તમે CSS નો ઉપયોગ કરવા જઈ રહ્યા છો. કેસ્કેડીંગ સ્ટાઇલ શીટ્સ ટેગ પર સતત આધાર રાખે છે જેથી તે દસ્તાવેજની અંદર પુનરાવર્તિત થઈ શકે, જેથી તે જણાવી શકે કે શૈલીઓ શરુ થાય અને અંત થાય છે. જો તમે એવી શૈલી સેટ કરો કે જે પૃષ્ઠ પર "મુખ્ય-સામગ્રી" ટેક્સ્ટના વર્ગ સાથે ડિવિઝનની અંદરના બધા "લિંક્સને પ્રભાવિત કરે, તો ખોટા માળોએ બ્રાઉઝરને આ શૈલીઓ ક્યાં લાગુ કરવાની છે તે જાણવા માટે મુશ્કેલ બનાવે છે ચાલો કેટલાક HTML જુઓ: ઉદાહરણ: આ ટેક્સ્ટની સજા છે અને તેમાં કેટલાક ઇટાલિક ટેક્સ્ટ પણ છે. આ બીજા એક ફકરો છે. ઉદાહરણ તરીકે, મેં હમણાં જ કહ્યું છે, જો હું CSS શૈલી લખવા માગું છું જે આ વિભાગમાંની લિંકને અસર કરશે, અને તે લિંક (પૃષ્ઠના અન્ય વિભાગોમાં અન્ય કોઇ લિંક્સના વિરોધમાં), તો મને તેનો ઉપયોગ કરવાની જરૂર છે. મારી શૈલી લખવા માળો, જેમ કે: અન્ય કારણોમાં ઍક્સેસિબિલિટી અને બ્રાઉઝર સુસંગતતા શામેલ છે. જો તમારું HTML ખોટી રીતે નેસ્ટ કરેલું હોય, તો તે સ્ક્રીન રીડર્સ અને જૂના બ્રાઉઝર્સ માટે સુલભ હશે નહીં - અને જો તે પૃષ્ઠોને યોગ્ય રીતે રેન્ડર કરવા માટે બ્રાઉઝ કરી શકતું ન હોય તો તે સંપૂર્ણપણે વિઝ્યુઅલ દેખાવને તોડી શકે છે કારણ કે HTML તત્વો અને ટેગ્સ સ્થાન બહાર છે છેલ્લે, જો તમે સંપૂર્ણપણે યોગ્ય અને માન્ય HTML લખવાનો પ્રયાસ કરી રહ્યાં છો, તો તમારે યોગ્ય માળાનો ઉપયોગ કરવો પડશે. નહિંતર, દરેક માન્યકર્તા તમારા HTML ને ખોટા તરીકે ધ્વજ કરશે. માળો વિશે શા માટે તમારે કાળજી રાખવી જોઈએ?