ബ്ലോക്ക്-ലെവൽ, ഇൻലൈൻ എലമെന്റുകൾ എന്നിവ തമ്മിലുള്ള വ്യത്യാസം എന്താണ്?
വെബ് പേജുകളുടെ നിർമ്മാണ ബ്ലോക്കുകളായി പ്രവർത്തിക്കുന്ന വിവിധ ഘടകങ്ങളെ HTML ചേർത്തിട്ടുണ്ട്. ഈ ഘടകങ്ങൾ ഓരോന്നും രണ്ട് വിഭാഗങ്ങളിലൊന്നാണ്. ബ്ളോക്ക്-ലെവൽ ഘടകങ്ങൾ അല്ലെങ്കിൽ ഇൻലൈൻ ഘടകങ്ങൾ. ഈ രണ്ട് തരത്തിലുള്ള ഘടകങ്ങൾ തമ്മിലുള്ള വ്യത്യാസം വെബ് പേജുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഒരു പ്രധാന പടിയാണ്.
ബ്ലോക്ക് ലെവൽ ഘടകങ്ങൾ
ഒരു ബ്ലോക്ക്-ലെവൽ ഘടകം എന്താണ്? ഒരു ബ്ലോക്ക്-ലെവൽ ഘടകം ഒരു വെബ് പേജിൽ ഒരു പുതിയ വരി തുടങ്ങുന്ന ഒരു HTML എലമെന്റാണ്, കൂടാതെ അതിന്റെ പാരന്റ് ഘടകത്തിന്റെ മുഴുവൻ തിരശ്ചീനാംശവും പൂർണ്ണമായി വ്യാപിക്കുന്നു. ഇത് ഖണ്ഡികകളോ പേജ് ഡിവിഷനുകളോ പോലുള്ള വലിയ ബ്ലോക്കുകളെ സൃഷ്ടിക്കുന്നു. വാസ്തവത്തിൽ മിക്ക HTML ഘടകങ്ങളും ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളാണ്.
ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങൾ HTML പ്രമാണത്തിന്റെ ബോഡിയിൽ തന്നെ ഉപയോഗിക്കുന്നു. അവ ഇൻലൈൻ ഘടകങ്ങളും അതുപോലെ മറ്റ് ബ്ലോക്ക്-ലെവൽ ഘടകങ്ങളും ഉൾക്കൊള്ളാൻ കഴിയും.
ഇൻലൈൻ എലമെന്റുകൾ
ഒരു ബ്ലോക്ക്-ലെവൽ ഘടകം വ്യത്യസ്തമായി, ഇൻലൈൻ ഘടകത്തിന് കഴിയും:
- ഒരു വരിയിൽ തുടങ്ങുക
- പുതിയ വരി ആരംഭിക്കരുത്
- അതിന്റെ ടാഗുകൾ നിർണ്ണയിക്കുന്നത് വരെ അതിന്റെ വീതി മാത്രമായിരിക്കും.
ഇൻലൈൻ മൂലകത്തിന്റെ ഒരു ഉദാഹരണം ടാഗ് ആണ്, ഇത് ബോൾഫിൽ ഉള്ള പാഠ ഉള്ളടക്കത്തിന്റെ ഉള്ളടക്കമാണ്. ഒരു ഇൻലൈൻ ഘടകം സാധാരണയായി മറ്റ് ഇൻലൈൻ ഘടകങ്ങൾ മാത്രം ഉൾക്കൊള്ളുന്നു, അല്ലെങ്കിൽ അതിൽ
ബ്രേക്ക് ടാഗ് പോലുള്ളവ ഒന്നുമുണ്ടാകില്ല.
HTML ൽ മൂന്നിലൊന്ന് ഘടകങ്ങളുണ്ട്: അവയെ പ്രദർശിപ്പിക്കാത്തവ. ഈ ഘടകങ്ങൾ പേജിനെ കുറിച്ചുള്ള വിവരങ്ങൾ നൽകുന്നു, പക്ഷെ ഒരു വെബ് ബ്രൗസറിൽ റെൻഡർ ചെയ്യുമ്പോൾ പ്രദർശിപ്പിക്കപ്പെടില്ല.
ഉദാഹരണത്തിന്:
- ശൈലികളും ശൈലികളും