വിവരണം ഒരു ഫ്ലോട്ടിംഗ് ഫ്രെയിമിനായി, നിങ്ങൾക്ക് വെബ് പേജിൽ അതിൻ്റെ സ്ഥാനം വ്യക്തമാക്കാം അല്ലെങ്കിൽ വെബ് പേജിലെ ടെക്സ്റ്റോ മറ്റ് ഘടകങ്ങളോ അതിന് ചുറ്റും എങ്ങനെ പ്രവഹിക്കണമെന്ന് വ്യക്തമാക്കാം. ടാഗിൻ്റെ അലൈൻ പാരാമീറ്റർ അലൈൻമെൻ്റ് രീതി വ്യക്തമാക്കുന്നു
വാദങ്ങൾ
absmiddle ഫ്രെയിമിൻ്റെ മധ്യഭാഗം നിലവിലെ ലൈനിൻ്റെ മധ്യഭാഗത്തേക്ക് വിന്യസിക്കുന്നു.
അടിസ്ഥാനരേഖ നിലവിലെ ലൈനിൻ്റെ അടിസ്ഥാനരേഖയിലേക്ക് ഫ്രെയിം വിന്യസിക്കുന്നു.
താഴെയുള്ള വിന്യാസം
താഴ്ന്ന പരിധി
വീതി ഫ്രെയിമിൻ്റെ വീതി.
സ്ഥിരസ്ഥിതിയായി, ഫ്രെയിമിൻ്റെ ഉള്ളടക്കത്തിന് ചുറ്റും 3D ഇഫക്റ്റുള്ള ഒരു ഫ്രെയിം വരയ്ക്കുന്നു.
വാക്യഘടന
... ...
ആവശ്യമാണ്.
ഇത് മറയ്ക്കാൻ, ഫ്രെയിംബോർഡർ പാരാമീറ്റർ ഉപയോഗിക്കുക.
വാദങ്ങൾ
അതെ (അല്ലെങ്കിൽ 1) ഫ്രെയിമിന് ചുറ്റും ഒരു ബോർഡർ പ്രദർശിപ്പിക്കുന്നു.
ഇല്ല (അല്ലെങ്കിൽ 0) ഫ്രെയിമിന് ചുറ്റുമുള്ള അതിർത്തി മറയ്ക്കുന്നു.
ഉദാഹരണം 3: ഫ്രെയിമിന് ചുറ്റും യഥാർത്ഥ ഫ്രെയിം മറയ്ക്കുന്നു
വീതി ഫ്രെയിമിൻ്റെ വീതി.
IFRAME ടാഗ്, ഫ്രെയിംബോർഡർ പാരാമീറ്റർ ഉയരവും വീതിയും പരാമീറ്റർ HTML ഉപയോഗിച്ച് ഫ്രെയിമിൻ്റെ വലുപ്പം മാറ്റുന്നതിന്, വീതിയും ഉയരവും പാരാമീറ്ററുകൾ നൽകിയിരിക്കുന്നു. നിങ്ങൾക്ക് പിക്സലുകളിലോ ശതമാനത്തിലോ മൂല്യങ്ങൾ ഉപയോഗിക്കാം. ഒരു ശതമാനം എൻട്രി സജ്ജീകരിച്ചിട്ടുണ്ടെങ്കിൽ, ഫ്രെയിം അളവുകൾ ആപേക്ഷികമായി കണക്കാക്കുന്നു മാതൃ ഘടകം
ഏത് ഫ്രെയിമിനും, യഥാക്രമം hspace, vspace പാരാമീറ്ററുകൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് അദൃശ്യമായ തിരശ്ചീനവും ലംബവുമായ പാഡിംഗ് സജ്ജമാക്കാൻ കഴിയും. ഒരു ഫ്രെയിമിൻ്റെ ഉള്ളടക്കത്തിന് ചുറ്റും ടെക്സ്റ്റ് പൊതിയുമ്പോൾ ഇത് പ്രത്യേകിച്ചും സത്യമാണ്. ഈ സാഹചര്യത്തിൽ, വാചകം ഫ്രെയിമിൻ്റെ അതിർത്തിയിലേക്ക് കർശനമായി “റൺ” ചെയ്യാതിരിക്കാൻ, അതിന് ചുറ്റും ശൂന്യമായ ഇടം ചേർക്കേണ്ടത് ആവശ്യമാണ്.
ഒരു സാധാരണ HTML ഡോക്യുമെൻ്റിൽ, നിങ്ങൾ ഒരു ലിങ്ക് പിന്തുടരുമ്പോൾ, ബ്രൗസർ വിൻഡോയിൽ നിലവിലുള്ള ഡോക്യുമെൻ്റ് പുതിയൊരെണ്ണം ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കും. ഒരു ഫ്രെയിമിലേക്ക് ഉള്ളടക്കം നയിക്കുന്നതിന്, അതിന് ഒരു തനതായ പേര് ഉണ്ടായിരിക്കണം, പേര് ആട്രിബ്യൂട്ട് വ്യക്തമാക്കുന്നു. ഈ സാഹചര്യത്തിൽ, ടാഗിനായി ഒരു ലിങ്ക് സൃഷ്ടിക്കുമ്പോൾ
നിങ്ങൾ ടാർഗെറ്റ് പാരാമീറ്റർ വ്യക്തമാക്കേണ്ടതുണ്ട്, അതിൻ്റെ മൂല്യം ഫ്രെയിമിൻ്റെ പേരാണ്.
അക്കങ്ങളും അക്ഷരങ്ങളും ഉൾപ്പെടെയുള്ള ഒരു കൂട്ടം പ്രതീകങ്ങൾ ഉപയോഗിച്ചാണ് പേര് നൽകിയിരിക്കുന്നത്. പേര് പ്രകാരം ഒരു ഫ്രെയിമിനെ പരാമർശിക്കുമ്പോൾ, നെയിം പാരാമീറ്ററിലെ അതേ അക്ഷരവിന്യാസം ഉപയോഗിക്കുക.
IFRAME ടാഗ്, പേര് പാരാമീറ്റർ
ചെബുരാഷ്ക
വീതി ഫ്രെയിമിൻ്റെ വീതി.
മുതല ജീന
വാക്യഘടന
...
ആവശ്യമാണ്.
ഫ്രെയിമിൻ്റെ ഉള്ളടക്കം അതിൻ്റെ ദൃശ്യമായ ഭാഗം കവിയുമ്പോൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ബ്രൗസർ സ്വയമേവ സ്ക്രോൾ ബാറുകൾ ചേർക്കുന്നു.
വാദങ്ങൾ
സ്ക്രോൾ ബാറുകൾ പ്രദർശിപ്പിക്കുന്നത് തടയുന്നു.
അതെ, വിവരങ്ങളുടെ അളവ് പരിഗണിക്കാതെ സ്ക്രോൾ ബാറുകൾ ദൃശ്യമാകാൻ എപ്പോഴും കാരണമാകുന്നു.
ഉദാഹരണം 7: സ്ക്രോൾ ബാറുകൾ മറയ്ക്കുന്നു
വീതി ഫ്രെയിമിൻ്റെ വീതി.
IFRAME ടാഗ്, സ്ക്രോളിംഗ് പാരാമീറ്റർ SRC പാരാമീറ്റർഫ്രെയിമിലേക്ക് ലോഡ് ചെയ്യുന്ന ഫയൽ വിലാസം (URL) വ്യക്തമാക്കുന്നു. ഇതൊരു HTML പ്രമാണമോ ചിത്രമോ ആകാം സെർവർ പ്രോഗ്രാം. ഫയലിലേക്കുള്ള പാത മാത്രമല്ല, പേരും ഉപയോഗിക്കുന്നത് സ്വീകാര്യമാണ്
വാക്യഘടന
...
ആവശ്യമാണ്.
JavaScript പ്രവർത്തനങ്ങൾ
വാദങ്ങൾ
, അത് ഒരു മൂല്യം നൽകുന്നു.
ഫയലിലേക്കുള്ള പൂർണ്ണമായ അല്ലെങ്കിൽ ആപേക്ഷിക പാതയാണ് മൂല്യം.
Html കോഡിൽ ബിൽറ്റ്-ഇൻ ഫ്രെയിമുകളും അവയുടെ ക്ലാസിക് ഘടനയും സൃഷ്ടിക്കുന്ന പ്രക്രിയ (ഇതിനകം വളരെ അപൂർവമായി മാത്രമേ ഉപയോഗിച്ചിട്ടുള്ളൂ), അവയിൽ ഒരു സൈറ്റ് നിർമ്മിക്കുന്നതിൻ്റെ പ്രസക്തിയെക്കുറിച്ച് ഞങ്ങൾ സ്പർശിക്കും, കൂടാതെ നിലവിലെ കാലയളവിൽ അവ ഉപയോഗിക്കുന്നതിനുള്ള സാധ്യമായ വഴികളും ചർച്ച ചെയ്യും. എൻ്റെ ബ്ലോഗിൻ്റെ ഉദാഹരണം ഉപയോഗിക്കുന്ന സമയം. അതെന്താണ്, ഫ്രെയിമിൽ നിന്ന് ഐഫ്രെയിം എങ്ങനെ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു?ഇത് എന്താണ്? വെബ്സൈറ്റുകളിൽ മാത്രമല്ല, പ്രോഗ്രാമുകളിലേക്കുള്ള ഏത് ആപ്ലിക്കേഷനുകളിലും അവ ഉപയോഗിക്കാൻ കഴിയുമെന്ന് ഇത് മാറുന്നു, എന്നാൽ ഒരു വെബ് പേജിൻ്റെയോ ആപ്ലിക്കേഷൻ്റെയോ വിൻഡോയെ നിരവധി മേഖലകളായി വിഭജിക്കുന്നതിൽ അവ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു, അവയിൽ ഓരോന്നിലും
നിങ്ങളുടെ കമ്പ്യൂട്ടറിൽ ഇൻസ്റ്റാൾ ചെയ്തിരിക്കുന്ന പല പ്രോഗ്രാമുകളുടേയും സഹായ ഫയലുകൾ എന്ന് വിളിക്കപ്പെടുന്നവയാണ്, മിക്കവാറും നിങ്ങൾ എല്ലാവരും നേരിട്ടിട്ടുള്ള അവരുടെ ഉപയോഗത്തിൻ്റെ ഏറ്റവും വ്യക്തമായ ഉദാഹരണം.
സഹായ മെനു ഉള്ള ഫയൽ ഇടത് വിൻഡോയിലേക്ക് ലോഡ് ചെയ്യുന്നു, കൂടാതെ തിരഞ്ഞെടുത്ത മെനു ഇനവുമായി ബന്ധപ്പെട്ട പ്രമാണം വലത് വിൻഡോയിൽ പ്രദർശിപ്പിക്കും. വലത് ഒരു പുതിയ പ്രമാണം തുറക്കുമ്പോൾ ഇടത് വിൻഡോയിലേക്ക് മെനുവിനൊപ്പം ഫയൽ വീണ്ടും ലോഡുചെയ്യുന്നത് ഒഴിവാക്കാൻ ഈ ഘടന നിങ്ങളെ അനുവദിക്കുന്നു എന്നത് ശ്രദ്ധേയമാണ്. ഇത് കൃത്യമായി ഉൾക്കൊള്ളുന്നു ഫ്രെയിമുകൾ ഉപയോഗിക്കുന്നതിൻ്റെ പ്രധാന നേട്ടം HTML-ൽ.
യഥാർത്ഥത്തിൽ, ഈ മൂലകങ്ങളുടെ പേര് തന്നെ ഒരു സ്വതന്ത്ര ജാലകമായി വ്യാഖ്യാനിക്കണം. ഫ്രെയിമുകളുടെ സഹായത്തോടെ, ഒരു വലിയ വിൻഡോയെ നിരവധി ശകലങ്ങളായി വിഭജിക്കാൻ ഞങ്ങൾക്ക് അവസരമുണ്ട്, അത് പരസ്പരം സ്വതന്ത്രമായ പ്രത്യേക പ്രമാണങ്ങൾക്കായി റിസീവറുകളായി വർത്തിക്കും (പേജുകൾ, പാഠങ്ങൾ, ചിത്രങ്ങൾ, വീഡിയോകൾ മുതലായവ).
ഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ് ഭാഷയിൽ എങ്ങനെയാണ് ഒരു ഫ്രെയിം ഘടന സൃഷ്ടിക്കുന്നത്? നമ്മൾ Html 4.01 സ്റ്റാൻഡേർഡിനെക്കുറിച്ച് സംസാരിക്കുകയാണെങ്കിൽ (വർഗ്ഗീകരണം അനുസരിച്ച്), അതിൽ പ്രധാനം നിലവിലെ നിമിഷംസമയം, അതിനുശേഷം മൂന്ന് ഘടകങ്ങൾ ഇതിനായി ഉപയോഗിക്കുന്നു - ഫ്രെയിം, ഫ്രെയിംസെറ്റ്, നോഫ്രെയിംസ്.
Iframe - Html 5 നിലവാരത്തിലുള്ള അന്തർനിർമ്മിത ഫ്രെയിം
നമ്മൾ Html 5 സ്റ്റാൻഡേർഡിനെക്കുറിച്ച് സംസാരിക്കുകയാണെങ്കിൽ (ഞങ്ങളുടെ ഭാവി, അവയിൽ ചില ഘടകങ്ങൾ ഇതിനകം തന്നെ നിരവധി ബ്രൗസറുകൾ പിന്തുണയ്ക്കുന്നു), പിന്നെ ഇനി ഫ്രെയിം, ഫ്രെയിംസെറ്റ്, നോഫ്രെയിംസ് ടാഗുകൾ, പകരം ക്ലാസിക് ഫ്രെയിം ഘടന എന്നിവ ഉണ്ടാകില്ല ഒരൊറ്റ ഐഫ്രെയിം ടാഗ് (ഉൾച്ചേർത്ത ഫ്രെയിം) , അത് ഞങ്ങൾ തുടക്കത്തിൽ സംസാരിക്കും, തുടർന്ന് 4.01 പതിപ്പിൽ നിന്നുള്ള ക്ലാസിക് സ്കീമിലേക്ക് ഞങ്ങൾ ശ്രദ്ധ തിരിക്കും, അത് യഥാർത്ഥത്തിൽ ഇപ്പോൾ ഉപയോഗത്തിലാണ്.
Iframe, ചുവടെ ചർച്ചചെയ്യുന്ന ക്ലാസിക്കുകളിൽ നിന്ന് വ്യത്യസ്തമായി, ഫ്രെയിംസെറ്റ് ടാഗുകൾ ഉപയോഗിച്ച് ബോഡി ടാഗ് മാറ്റിസ്ഥാപിക്കേണ്ടതില്ല. ആ. ഈ ടാഗ് ചേർക്കാവുന്നതാണ് സാധാരണ പേജുകൾ, ഉദാഹരണത്തിന്, ഒരു ഖണ്ഡികയ്ക്കുള്ളിലോ മറ്റെവിടെയെങ്കിലുമോ. അതിൻ്റെ കേന്ദ്രത്തിൽ, ഈ ഘടകം ഞങ്ങൾ ഇതിനകം പരിഗണിച്ച Img ടാഗുമായി വളരെ സാമ്യമുള്ളതാണ്.
മാറ്റിസ്ഥാപിക്കാവുന്ന ഉള്ളടക്കമുള്ള ഒരു ഇൻലൈൻ ഘടകമാണിത്, കാരണം ഇത് ഒരു ഇൻലൈൻ ഘടകം പോലെയാണ് പ്രവർത്തിക്കുന്നത്, പക്ഷേ അത് പ്രദർശിപ്പിക്കുന്നു ബാഹ്യമായ ഉള്ളടക്കം. HTML ഭാഷയിൽ അത്തരം നാല് ഘടകങ്ങൾ മാത്രമേയുള്ളൂ - Img, Iframe, Object, Embed. അതിനാൽ, ഈ ടാഗിൻ്റെ ആട്രിബ്യൂട്ടുകൾ ഉപയോഗിച്ച് വലുപ്പം സജ്ജമാക്കിയിരിക്കുന്ന ഒരു ഏരിയയിലേക്ക് ലോഡ് ചെയ്യുന്ന ഒരു ബാഹ്യ ഫയലിൻ്റെ സാന്നിധ്യം നമ്മുടെ ഹീറോ സൂചിപ്പിക്കുന്നു.
അത്. ഒരു ബാഹ്യ ഒബ്ജക്റ്റ് (വീഡിയോ പോലുള്ളവ) ലോഡ് ചെയ്തിരിക്കുന്ന ഒരു സിങ്ക് ഘടകമാണ് Iframe. പേജിൽ ലോഡ് ചെയ്യേണ്ട ഈ ഫയലിലേക്കുള്ള പാത സൂചിപ്പിക്കാൻ, പ്രത്യേക Src ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുക. എന്നാൽ Img പോലെയല്ല, Iframe ഘടകം ജോടിയാക്കിയിരിക്കുന്നു, അതായത്. ഒരു ക്ലോസിംഗ് ടാഗും ഉണ്ട്:
IN ഈ ഉദാഹരണത്തിൽഒരു Iframe ഉപയോഗിച്ച് ഒരു Youtube വീഡിയോ പേജിൽ ഔട്ട്പുട്ട് കാണിക്കുന്നു. ഫ്രെയിമിൻ്റെ വിസ്തീർണ്ണം (വിൻഡോ) ലോഡുചെയ്യുന്നത് പരിമിതപ്പെടുത്തുന്നതിന് ബാഹ്യ ഫയൽ, ആട്രിബ്യൂട്ടുകൾ നൽകിയിരിക്കുന്നു വീതിയും ഉയരവും, അതിൻ്റെ മൂല്യങ്ങൾ പിക്സലുകളിൽ വ്യക്തമാക്കിയിരിക്കുന്നു:
ആ. ഈ ടാഗ് ചില ബാഹ്യ ഒബ്ജക്റ്റുകൾ ലോഡ് ചെയ്തിരിക്കുന്ന ഒരു ഏരിയ സൃഷ്ടിക്കുന്നു (അത് നിങ്ങളുടെ സൈറ്റിൽ നിന്നാണോ അതോ മറ്റൊരു ഉറവിടത്തിൽ നിന്നാണോ എന്നത് പ്രശ്നമല്ല). വീതിയും ഉയരവും ഉപയോഗിച്ച് ഏരിയയുടെ വീതിയും ഉയരവും വ്യക്തമാക്കിയിട്ടുണ്ട്, കൂടാതെ Src ആട്രിബ്യൂട്ട് ഈ ഒബ്ജക്റ്റിലേക്കുള്ള പാത വ്യക്തമാക്കുന്നു.
മാറ്റിസ്ഥാപിച്ച ഉള്ളടക്കമുള്ള (മുകളിൽ ഇതിനകം സൂചിപ്പിച്ച Img പോലുള്ളവ) സമാന ഇൻലൈൻ ടാഗുകളിൽ നിന്ന് ഈ ആട്രിബ്യൂട്ടുകളെല്ലാം Iframe എലമെൻ്റിന് പാരമ്പര്യമായി ലഭിച്ചു. ശരി, അദ്ദേഹം ചിത്രങ്ങളിൽ നിന്ന് ആട്രിബ്യൂട്ടുകളും എടുത്തു Hspace, Vspace, ഫ്രെയിമിൻ്റെ ബോർഡറുകളിൽ നിന്ന് അതിനെ ചുറ്റിപ്പറ്റിയുള്ള വാചകത്തിലേക്ക് ഇൻഡൻ്റുകൾ സജ്ജമാക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു.
Html- ൽ ചിത്രങ്ങൾ പഠിക്കുമ്പോൾ നമുക്ക് കാണാൻ കഴിയുന്ന അതേ രീതിയിലാണ് ബിൽറ്റ്-ഇൻ ഫ്രെയിമിൻ്റെ വിന്യാസം നടപ്പിലാക്കുന്നത് എന്നതും ശ്രദ്ധേയമാണ്. ഇപ്പോഴും അങ്ങനെ തന്നെ വിന്യസിക്കുക, എന്നാൽ സാധ്യമായ മൂല്യങ്ങളുള്ള Iframe ടാഗിനായി താഴെ, മുകളിൽ, മധ്യം, ഇടത്, വലത്.
എന്നാൽ ഈ ഘടകം ക്ലാസിക് ഫ്രെയിം ഘടനയിൽ നിന്ന് ഫ്രെയിം ടാഗിൽ നിന്ന് നിരവധി ആട്രിബ്യൂട്ടുകളും എടുത്തിട്ടുണ്ട്, അത് ഞങ്ങൾ ടെക്സ്റ്റിൽ താഴെ വിശദമായി സംസാരിക്കും. ഈ ആട്രിബ്യൂട്ടുകളിൽ പേര് ഉൾപ്പെടുന്നു, അതിൻ്റെ മൂല്യം ഒരു മൂല്യമായി ഉപയോഗിക്കാം, അതിനാൽ ഒരു ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ നിങ്ങൾക്ക് ആവശ്യമുള്ള പ്രമാണം ഈ ഫ്രെയിമിൻ്റെ വിൻഡോയിൽ തുറക്കും (താഴെ കൂടുതൽ വായിക്കുക).
കൂടാതെ, Iframe-ലും, Frameborder ആട്രിബ്യൂട്ട് ഫ്രെയിം ടാഗിൽ നിന്ന് മൈഗ്രേറ്റ് ചെയ്തു, അതിന് രണ്ട് മൂല്യങ്ങൾ മാത്രമേയുള്ളൂ - ഒന്നുകിൽ 0 (ഫ്രെയിമിന് ചുറ്റുമുള്ള ഫ്രെയിം പ്രദർശിപ്പിക്കില്ല) അല്ലെങ്കിൽ 1 (ഫ്രെയിം ദൃശ്യമാണ്). സ്ഥിരസ്ഥിതി മൂല്യം Frameborder=1 ആണ്, അതിനാൽ ഇത് നീക്കം ചെയ്യാൻ നിങ്ങൾ Frameborder="0" നൽകേണ്ടതുണ്ട്:
സ്ക്രോളിംഗ് ആട്രിബ്യൂട്ടും ഫ്രെയിമിൽ നിന്ന് ഈ ഘടകത്തിലേക്ക് ട്രാൻസ്ഫർ ചെയ്തു, സ്വയമേവയുള്ള മൂല്യമുള്ള ഈ ഘടകത്തിന് - ഉള്ളടക്കം പ്രദർശിപ്പിക്കാൻ ഉദ്ദേശിക്കുന്ന വിൻഡോയുടെ വലുപ്പത്തേക്കാൾ വലുതായിരിക്കുമ്പോൾ ഫ്രെയിമിലെ സ്ക്രോൾ ബാറുകൾ ആവശ്യാനുസരണം ദൃശ്യമാകും.
ശരി, മാർജിൻവിഡ്ത്ത്, മാർജിൻഹൈറ്റ് ആട്രിബ്യൂട്ടുകളും ഫ്രെയിം ഘടകത്തിൽ നിന്ന് നീക്കി. അവ വാചകത്തിൽ ചുവടെ വിശദമായി ചർച്ചചെയ്യും, പക്ഷേ ചുരുക്കത്തിൽ - ഫ്രെയിമിൻ്റെ അരികുകളിൽ നിന്ന് അതിൽ സ്ഥാപിച്ചിരിക്കുന്ന ഉള്ളടക്കത്തിലേക്ക് വീതിയിലും ഉയരത്തിലും ഇൻഡൻ്റേഷൻ സജ്ജമാക്കാൻ അവ നിങ്ങളെ അനുവദിക്കുന്നു.
ഒരു വെബ് പേജിലേക്ക് നേരിട്ട് ഒരു Iframe ചേർക്കുന്നതിലൂടെ, YouTube-ൽ നിന്ന് നിങ്ങൾക്ക് ഒരു വീഡിയോയുടെ ഔട്ട്പുട്ട് ലഭിക്കും. ഈ ഘടകം തമ്മിലുള്ള ഒരു ക്രോസ് ആണെന്ന് ഞങ്ങൾ നിഗമനം ചെയ്യുന്നു ഇൻലൈൻ ഘടകങ്ങൾമാറ്റിസ്ഥാപിച്ച ഉള്ളടക്കവും, വാസ്തവത്തിൽ, ഞങ്ങൾ ഇപ്പോൾ ചർച്ച ചെയ്യുന്ന ക്ലാസിക് ഫ്രെയിമുകളും.
ഫ്രെയിം, ഫ്രെയിംസെറ്റ് ടാഗുകൾ അടിസ്ഥാനമാക്കിയുള്ള ഫ്രെയിമുകൾ - അവയുടെ ഘടന
അതിനാൽ, ഒരു ക്ലാസിക് ഫ്രെയിം ഘടന സൃഷ്ടിക്കുന്നത്, ഓപ്പണിംഗ്, ക്ലോസിംഗ് ബോഡി ടാഗിന് പകരം നിങ്ങൾ Html കോഡിൽ എന്താണ് എഴുതുന്നത് എന്നതിൽ നിന്നാണ് ആരംഭിക്കുന്നത്, അത് സാധാരണയായി ഏത് ഡോക്യുമെൻ്റിലും ഉണ്ടായിരിക്കണം, അത് ഒരു എലമെൻ്റ് അടിസ്ഥാനമാക്കിയുള്ള കണ്ടെയ്നർ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു. ഫ്രെയിംസെറ്റ്.
ഈ സാഹചര്യത്തിൽ ബോഡി ഘടകം ഉപയോഗിക്കാൻ കഴിയില്ല എന്നതാണ് അടിസ്ഥാന കാര്യം - ഒന്നുകിൽ ബോഡി (ഒരു സാധാരണ ഡോക്യുമെൻ്റിനായി) അല്ലെങ്കിൽ ഫ്രെയിംസെറ്റ് (ഒരു ഡോക്യുമെൻ്റ് ഫ്രെയിം ഘടന സൃഷ്ടിക്കുമ്പോൾ):
പ്രധാനതിനുള്ളിൽ ഞങ്ങൾ സൃഷ്ടിക്കുന്ന ഓരോ ഫ്രെയിമും ഒരു പ്രത്യേക ഘടകം ഉപയോഗിച്ചാണ് സൃഷ്ടിച്ചിരിക്കുന്നത് ഫ്രെയിം. ഈ ടാഗ് സിംഗിൾ ആണ്, അതിൽ ഈ വിൻഡോയിലേക്ക് ലോഡ് ചെയ്യുന്ന പ്രമാണത്തിലേക്കുള്ള പാത ഞങ്ങൾ സജ്ജമാക്കുന്നു.
നമ്മൾ ഇതുവരെ സ്പർശിച്ചിട്ടില്ലാത്ത മൂന്നാമത്തെ ഘടകം നോഫ്രെയിംസ്. ഇത് ജോടിയാക്കുകയും ഉള്ളിൽ കുറച്ച് വാചകം എഴുതാൻ നിങ്ങളെ അനുവദിക്കുകയും ചെയ്യുന്നു, അത് ബ്രൗസർ പ്രോസസ്സ് ചെയ്യുകയും പ്രദർശിപ്പിക്കുകയും ചെയ്യും വെബ് പേജ്ഇതേ ബ്രൗസർ (അല്ലെങ്കിൽ മറ്റ് ഡിസ്പ്ലേ ഉപകരണം) ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ മാത്രം. ഉദാഹരണത്തിന്, നിങ്ങൾ മൊബൈൽ ഉപകരണങ്ങൾക്കായി ഒരു ബ്രൗസർ ഉപയോഗിക്കുകയാണെങ്കിൽ ഇത് സംഭവിക്കാം.
സാധാരണയായി, ഫ്രെയിം ഘടന പ്രോസസ്സ് ചെയ്യുന്നതിനുള്ള അസാധ്യതയോടെ നിലവിലെ സാഹചര്യത്തെക്കുറിച്ചുള്ള വിവരങ്ങൾ മാത്രമല്ല, മറ്റ് പേജുകളിലേക്ക് പോകാനുള്ള കഴിവും നോഫ്രെയിമുകൾ ചേർക്കുന്നു, അവ ഉപയോഗിക്കാതെ തന്നെ നിങ്ങൾക്ക് പ്രവർത്തിക്കാൻ കഴിയും. അവനെക്കുറിച്ച് മറ്റെന്തെങ്കിലും പറയാൻ പ്രയാസമാണ്, അതിനാൽ നമുക്ക് തുടരാം.
ബോഡി ടാഗിന് പകരം ഉപയോഗിക്കുന്ന ഫ്രെയിംസെറ്റ് ഘടകം, കാഴ്ച ഏരിയയ്ക്കായി നീക്കിവച്ചിരിക്കുന്ന എല്ലാ സ്ഥലവും എടുക്കുന്നു, കൂടാതെ ഫ്രെയിമുകൾ ഈ ഏരിയയ്ക്കുള്ളിൽ സൃഷ്ടിക്കപ്പെടും വ്യക്തിഗത ഘടകങ്ങൾഫ്രെയിം. ഇക്കാര്യത്തിൽ, ചോദ്യം ഉയർന്നുവരുന്നു - പ്രത്യേക വിൻഡോകൾക്കിടയിൽ കാണുന്ന സ്ഥലം എങ്ങനെ വിഭജിക്കാം അല്ലെങ്കിൽ മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓരോന്നിൻ്റെയും വലുപ്പം എങ്ങനെ ക്രമീകരിക്കാം.
ഫ്രെയിംസെറ്റ് ഘടകത്തിലേക്ക് ഉചിതമായ ആട്രിബ്യൂട്ടുകൾ ചേർത്താണ് ഇത് ചെയ്യുന്നത്. അവയിൽ രണ്ടെണ്ണം ഉണ്ട് - കോളുകളും വരികളും. കോളുകൾ ഒരു വലിയ വിൻഡോയുടെ വിഭജനം ലംബ ഫ്രെയിമുകളിലേക്കോ നിരകളിലേക്കോ സജ്ജമാക്കുന്നു, കൂടാതെ തിരശ്ചീന വിൻഡോകളോ വരികളോ ആയി അതിനെ വിഭജിക്കാൻ വരികൾ നിങ്ങളെ അനുവദിക്കുന്നു.
ഫ്രെയിംസെറ്റും അതിൻ്റെ കോളുകളും റോസ് ആട്രിബ്യൂട്ടുകളും അടിസ്ഥാനമാക്കി ഒരു ഘടന സൃഷ്ടിക്കുന്നു
Html ഫ്രെയിംസെറ്റ് ടാഗിൻ്റെ കോളുകൾക്കും വരികൾക്കുമുള്ള മൂല്യങ്ങൾ കോമകളാൽ വേർതിരിച്ച സംഖ്യകളാണ് (സ്പെയ്സുകളില്ലാതെ). ഈ നമ്പറുകൾ ഫലമായി നമുക്ക് ലഭിക്കാൻ ആഗ്രഹിക്കുന്ന വിൻഡോകളുടെ അനുപാതം സജ്ജമാക്കുന്നു. അതിനാൽ, കോമകളാൽ വേർതിരിച്ച എത്ര സംഖ്യകൾ കോളുകളിലോ വരികളിലോ എഴുതിയാലും, നമുക്ക് എത്ര ഫ്രെയിമുകൾ ഉണ്ട് എന്നതായിരിക്കും ഫലം.
ഉദാഹരണത്തിന്, ഈ നൊട്ടേഷൻ ഉപയോഗിച്ച് നമുക്ക് മൂന്ന് ലഭിക്കും ലംബ നിരകൾ, വീതി 2:5:3 എന്ന അനുപാതവുമായി പൊരുത്തപ്പെടും.