બ્લોક-લેવલ અને ઇનલાઇન એલિમેન્ટ્સ વચ્ચેનો તફાવત શું છે?
એચટીએમએલ વિવિધ ઘટકોથી બનેલો છે જે વેબ પાનાંઓના બિલ્ડિંગ બ્લોક તરીકે કાર્ય કરે છે. આ દરેક ઘટકો બે કેટેગરીમાં આવે છે - ક્યાં તો બ્લૉક-લેવલ તત્વો અથવા ઇનલાઇન તત્વો. આ બે પ્રકારના તત્વો વચ્ચેના તફાવતને સમજવું એ વેબ પૃષ્ઠો બનાવવા માટે એક મહત્વપૂર્ણ પગલું છે.
બ્લોક સ્તર ઘટકો
તો બ્લોક-લેવલ તત્વ શું છે? બ્લોક-લેવલ એલિમેન્ટ એ HTML ઘટક છે જે વેબ પેજ પર એક નવી લીટી શરૂ કરે છે અને તેના પિતૃ એલિમેન્ટની ઉપલબ્ધ આડી જગ્યાની સંપૂર્ણ પહોળાઈને વિસ્તરે છે. તે ફકરા અથવા પાનું વિભાગો જેવી સામગ્રીના મોટા બ્લોકો બનાવે છે. હકીકતમાં, મોટાભાગનાં એચટીએમએલ તત્વો બ્લોક-લેવલ તત્વો છે.
બ્લોક-સ્તર તત્વોનો ઉપયોગ HTML દસ્તાવેજના શરીરમાં થાય છે. તેમાં ઇનલાઇન તત્વો, તેમજ અન્ય બ્લોક-સ્તર ઘટકો શામેલ હોઈ શકે છે.
ઇનલાઇન તત્વો
બ્લોક-લેવલ એલિમેન્ટની વિપરિત, એક ઇનલાઇન એલિમેન્ટ આ કરી શકે છે:
- એક લીટીમાં પ્રારંભ કરો
- નવી લીટી શરૂ કરતું નથી
- તેની પહોળાઈ ફક્ત જ્યાં સુધી તેના ટૅગ્સ દ્વારા વ્યાખ્યાયિત કરવામાં આવે ત્યાં સુધી વિસ્તરે છે.
ઇનલાઇન તત્વનું ઉદાહરણ ટેગ છે, જે બોલ્ડ ફીલ્ડમાં સમાયેલ ટેક્સ્ટ સમાવિષ્ટના ફોન્ટને બનાવે છે. એક ઇનલાઇન તત્વ સામાન્ય રીતે ફક્ત અન્ય ઇનલાઇન તત્વો ધરાવે છે, અથવા તેમાં કંઇપણ સમાવી શકતું નથી, જેમ કે
break tag.
એચટીએમએલમાં ત્રીજા પ્રકારનું તત્વ પણ છે: જે બધા જ પ્રદર્શિત નથી થતા. આ ઘટકો પૃષ્ઠ વિશે માહિતી પૂરી પાડે છે પરંતુ વેબ બ્રાઉઝરમાં રેન્ડર કરવામાં આવે ત્યારે દર્શાવવામાં આવતી નથી.
દાખ્લા તરીકે: