ഒരു ഫ്രെയിം ചേർക്കുന്നു. Iframe ഉം Frame ഉം - അവ എന്തൊക്കെയാണ്, Html-ൽ ഫ്രെയിമുകൾ എങ്ങനെ ഉപയോഗിക്കാം

ടാഗ് ചെയ്യുക .

വാക്യഘടന

ഓപ്ഷനുകൾ

align ഫ്രെയിമിനെ അരികിലേക്ക് എങ്ങനെ വിന്യസിക്കുമെന്നും ടെക്സ്റ്റ് അതിന് ചുറ്റും എങ്ങനെ പൊതിയുമെന്നും നിർണ്ണയിക്കുന്നു.

ഫ്രെയിംബോർഡർ ഫ്രെയിമിന് ചുറ്റും ഒരു ബോർഡർ പ്രദർശിപ്പിക്കണോ വേണ്ടയോ എന്ന് സജ്ജീകരിക്കുന്നു.

ഉയരം ഫ്രെയിമിൻ്റെ ഉയരം.

hspace ഫ്രെയിമിനും ചുറ്റുമുള്ള ഉള്ളടക്കത്തിനും ഇടയിലുള്ള തിരശ്ചീന ഇടം.




ഫ്രെയിമിലേക്ക് ഉള്ളടക്കം ലോഡ് ചെയ്യുന്ന ഫയലിലേക്കുള്ള src പാത്ത്.

ആവശ്യമാണ്.

ഉദാഹരണം 1: ഒരു ടാഗ് ഉപയോഗിക്കുന്നു IFRAME ടാഗ്ഫ്ലോട്ടിംഗ് ഫ്രെയിമുകളെ നിങ്ങളുടെ ബ്രൗസർ പിന്തുണയ്ക്കുന്നില്ല! ടാഗ് പാരാമീറ്ററുകളുടെ വിവരണം ALIGN പാരാമീറ്റർ

വിവരണം

താഴെയുള്ള വിന്യാസം



താഴ്ന്ന പരിധി

വീതി ഫ്രെയിമിൻ്റെ വീതി.

സ്ഥിരസ്ഥിതിയായി, ഫ്രെയിമിൻ്റെ ഉള്ളടക്കത്തിന് ചുറ്റും 3D ഇഫക്റ്റുള്ള ഒരു ഫ്രെയിം വരയ്ക്കുന്നു.

വാക്യഘടന


ആവശ്യമാണ്.

ഇത് മറയ്ക്കാൻ, ഫ്രെയിംബോർഡർ പാരാമീറ്റർ ഉപയോഗിക്കുക.

വാദങ്ങൾ

അതെ (അല്ലെങ്കിൽ 1) ഫ്രെയിമിന് ചുറ്റും ഒരു ബോർഡർ പ്രദർശിപ്പിക്കുന്നു.





ഇല്ല (അല്ലെങ്കിൽ 0) ഫ്രെയിമിന് ചുറ്റുമുള്ള അതിർത്തി മറയ്ക്കുന്നു.






ഉദാഹരണം 3: ഫ്രെയിമിന് ചുറ്റും യഥാർത്ഥ ഫ്രെയിം മറയ്ക്കുന്നു

വീതി ഫ്രെയിമിൻ്റെ വീതി.

IFRAME ടാഗ്, ഫ്രെയിംബോർഡർ പാരാമീറ്റർ ഉയരവും വീതിയും പരാമീറ്റർ HTML ഉപയോഗിച്ച് ഫ്രെയിമിൻ്റെ വലുപ്പം മാറ്റുന്നതിന്, വീതിയും ഉയരവും പാരാമീറ്ററുകൾ നൽകിയിരിക്കുന്നു. നിങ്ങൾക്ക് പിക്സലുകളിലോ ശതമാനത്തിലോ മൂല്യങ്ങൾ ഉപയോഗിക്കാം. ഒരു ശതമാനം എൻട്രി സജ്ജീകരിച്ചിട്ടുണ്ടെങ്കിൽ, ഫ്രെയിം അളവുകൾ ആപേക്ഷികമായി കണക്കാക്കുന്നു

ആവശ്യമാണ്.

. പാരൻ്റ് കണ്ടെയ്‌നർ ഇല്ലെങ്കിൽ, ബ്രൗസർ വിൻഡോ അത് പോലെ പ്രവർത്തിക്കുന്നു. മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, വീതി = "100%" എന്നതിൻ്റെ അർത്ഥം ഫ്രെയിം വെബ് പേജിൻ്റെ മുഴുവൻ വീതിയും എടുക്കും എന്നാണ്.ഉയരമോ വീതിയോ ഒന്നും വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, ഫ്രെയിം സ്വയമേവ 300 x 150 പിക്സൽ വലുപ്പമായി മാറുന്നു.

വാദങ്ങൾ

ഏതെങ്കിലും മുഴുവൻ

പോസിറ്റീവ് നമ്പർ





പിക്സലുകളിലോ ശതമാനത്തിലോ.






വീതി - 300 പിക്സലുകൾ, ഉയരം - 150 പിക്സലുകൾ.

ഉദാഹരണം 4: ഫ്രെയിം വീതിയും ഉയരവും 3.2 4 IFRAME ടാഗ്, വീതി പരാമീറ്റർ 1.0 1.1

വീതി ഫ്രെയിമിൻ്റെ വീതി.

HSPACE, VSPACE പാരാമീറ്റർ

വാക്യഘടന


ആവശ്യമാണ്.

HTML:

വാദങ്ങൾ

XHTML:





ഏത് ഫ്രെയിമിനും, യഥാക്രമം hspace, vspace പാരാമീറ്ററുകൾ ഉപയോഗിച്ച് നിങ്ങൾക്ക് അദൃശ്യമായ തിരശ്ചീനവും ലംബവുമായ പാഡിംഗ് സജ്ജമാക്കാൻ കഴിയും. ഒരു ഫ്രെയിമിൻ്റെ ഉള്ളടക്കത്തിന് ചുറ്റും ടെക്സ്റ്റ് പൊതിയുമ്പോൾ ഇത് പ്രത്യേകിച്ചും സത്യമാണ്. ഈ സാഹചര്യത്തിൽ, വാചകം ഫ്രെയിമിൻ്റെ അതിർത്തിയിലേക്ക് കർശനമായി “റൺ” ചെയ്യാതിരിക്കാൻ, അതിന് ചുറ്റും ശൂന്യമായ ഇടം ചേർക്കേണ്ടത് ആവശ്യമാണ്.






പിക്സലുകളിലെ ഏതെങ്കിലും പോസിറ്റീവ് പൂർണ്ണസംഖ്യ.

വീതി ഫ്രെയിമിൻ്റെ വീതി.

ഉദാഹരണം 5: ഒരു ഫ്രെയിമിന് ചുറ്റുമുള്ള മാർജിനുകൾ IFRAME ടാഗ്, hspace പാരാമീറ്റർ

വാക്യഘടന

ആവശ്യമാണ്.

പാരാമീറ്റർ NAME

വാദങ്ങൾ





ഒരു സാധാരണ HTML ഡോക്യുമെൻ്റിൽ, നിങ്ങൾ ഒരു ലിങ്ക് പിന്തുടരുമ്പോൾ, ബ്രൗസർ വിൻഡോയിൽ നിലവിലുള്ള ഡോക്യുമെൻ്റ് പുതിയൊരെണ്ണം ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കും. ഒരു ഫ്രെയിമിലേക്ക് ഉള്ളടക്കം നയിക്കുന്നതിന്, അതിന് ഒരു തനതായ പേര് ഉണ്ടായിരിക്കണം, പേര് ആട്രിബ്യൂട്ട് വ്യക്തമാക്കുന്നു. ഈ സാഹചര്യത്തിൽ, ടാഗിനായി ഒരു ലിങ്ക് സൃഷ്ടിക്കുമ്പോൾ


നിങ്ങൾ ടാർഗെറ്റ് പാരാമീറ്റർ വ്യക്തമാക്കേണ്ടതുണ്ട്, അതിൻ്റെ മൂല്യം ഫ്രെയിമിൻ്റെ പേരാണ്.

അക്കങ്ങളും അക്ഷരങ്ങളും ഉൾപ്പെടെയുള്ള ഒരു കൂട്ടം പ്രതീകങ്ങൾ ഉപയോഗിച്ചാണ് പേര് നൽകിയിരിക്കുന്നത്. പേര് പ്രകാരം ഒരു ഫ്രെയിമിനെ പരാമർശിക്കുമ്പോൾ, നെയിം പാരാമീറ്ററിലെ അതേ അക്ഷരവിന്യാസം ഉപയോഗിക്കുക.

IFRAME ടാഗ്, പേര് പാരാമീറ്റർ




ചെബുരാഷ്ക

വീതി ഫ്രെയിമിൻ്റെ വീതി.

മുതല ജീന

വാക്യഘടന

ആവശ്യമാണ്.

ഫ്രെയിമിൻ്റെ ഉള്ളടക്കം അതിൻ്റെ ദൃശ്യമായ ഭാഗം കവിയുമ്പോൾ, ആവശ്യമുള്ളപ്പോൾ മാത്രം ബ്രൗസർ സ്വയമേവ സ്ക്രോൾ ബാറുകൾ ചേർക്കുന്നു.

വാദങ്ങൾ

സ്ക്രോൾ ബാറുകൾ പ്രദർശിപ്പിക്കുന്നത് തടയുന്നു.





അതെ, വിവരങ്ങളുടെ അളവ് പരിഗണിക്കാതെ സ്ക്രോൾ ബാറുകൾ ദൃശ്യമാകാൻ എപ്പോഴും കാരണമാകുന്നു.






ഉദാഹരണം 7: സ്ക്രോൾ ബാറുകൾ മറയ്ക്കുന്നു

വീതി ഫ്രെയിമിൻ്റെ വീതി.

IFRAME ടാഗ്, സ്ക്രോളിംഗ് പാരാമീറ്റർ SRC പാരാമീറ്റർഫ്രെയിമിലേക്ക് ലോഡ് ചെയ്യുന്ന ഫയൽ വിലാസം (URL) വ്യക്തമാക്കുന്നു. ഇതൊരു HTML പ്രമാണമോ ചിത്രമോ ആകാം സെർവർ പ്രോഗ്രാം. ഫയലിലേക്കുള്ള പാത മാത്രമല്ല, പേരും ഉപയോഗിക്കുന്നത് സ്വീകാര്യമാണ്

വാക്യഘടന

ആവശ്യമാണ്.

JavaScript പ്രവർത്തനങ്ങൾ

വാദങ്ങൾ

, അത് ഒരു മൂല്യം നൽകുന്നു.





ഫയലിലേക്കുള്ള പൂർണ്ണമായ അല്ലെങ്കിൽ ആപേക്ഷിക പാതയാണ് മൂല്യം.






ഉദാഹരണം 8. ഫയൽ പാത്ത്

  • IFRAME ടാഗ്, src പാരാമീറ്റർ
  • ഫ്രെയിം ടാഗുകൾ
  • ബ്രൗസർ വിൻഡോ വിഭജിച്ചിരിക്കുന്ന വ്യക്തിഗത ഫ്രെയിമിൻ്റെ സവിശേഷതകൾ FRAME നിർവ്വചിക്കുന്നു. FRAMESET ഒരു വെബ് പേജിൻ്റെ ഫ്രെയിം ഘടന നിർവ്വചിക്കുന്നു. ഫ്രെയിമുകൾ ബ്രൗസർ വിൻഡോയെ പരസ്പരം അടുത്ത് സ്ഥിതിചെയ്യുന്ന പ്രത്യേക മേഖലകളായി വിഭജിക്കുന്നു. ഈ മേഖലകളിൽ ഓരോന്നും FRAME ടാഗ് ഉപയോഗിച്ച് നിർവചിച്ചിരിക്കുന്ന ഒരു സ്വതന്ത്ര വെബ് പേജ് ലോഡ് ചെയ്യുന്നു. IFRAME ഒരു സാധാരണ ഡോക്യുമെൻ്റിനുള്ളിൽ ഇരിക്കുന്ന ഒരു ഫ്ലോട്ടിംഗ് ഫ്രെയിം സൃഷ്ടിക്കുന്നു, അത് ഒരു ഏരിയയിലേക്ക് ലോഡ് ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്നു
  • നൽകിയിരിക്കുന്ന അളവുകൾ
  • മറ്റേതെങ്കിലും സ്വതന്ത്ര രേഖകൾ. ഫ്രെയിമുകളെ പിന്തുണയ്‌ക്കാത്തതും അവയെ വ്യാഖ്യാനിക്കാൻ കഴിയാത്തതുമായ സന്ദർഭങ്ങളിൽ NOFRAMES ബ്രൗസറിൽ പ്രദർശിപ്പിക്കും. ഫ്രെയിമുകൾക്കൊപ്പം പ്രവർത്തിക്കുന്ന ബ്രൗസറുകൾ NOFRAMES ടാഗിൻ്റെ ഉള്ളടക്കം പൂർണ്ണമായും അവഗണിക്കുന്നു.ഹലോ, പ്രിയ വായനക്കാരെ ബ്ലോഗ് സൈറ്റ്. ഇന്ന് നമ്മൾ HTML ലെ ഫ്രെയിമുകളെ കുറിച്ച് സംസാരിക്കും. ഞങ്ങൾ ആദ്യം മുതൽ ആരംഭിക്കുമെന്ന് വ്യക്തമാണ്, അതായത് ഇത് ഏതുതരം മൃഗമാണ്. ഭാഷയിലെ ഈ ഘടകങ്ങളുടെ വർത്തമാനവും (ഫ്രെയിം) ഭാവിയും (ഐഫ്രെയിം) ഞങ്ങൾ സംസാരിക്കുംഹൈപ്പർടെക്സ്റ്റ് മാർക്ക്അപ്പ്

    നിലവിലെ പതിപ്പ് ഒപ്പം പുതിയ Html 5 സ്റ്റാൻഡേർഡിലും.ലേഖനത്തിൻ്റെ അവസാനം, ശേഷം

    വിശദമായ വിവരണം

    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 ഉപയോഗിക്കുന്നുആണ്:

    ഒരു വെബ് പേജിലേക്ക് നേരിട്ട് ഒരു Iframe ചേർക്കുന്നതിലൂടെ, YouTube-ൽ നിന്ന് നിങ്ങൾക്ക് ഒരു വീഡിയോയുടെ ഔട്ട്പുട്ട് ലഭിക്കും. ഈ ഘടകം തമ്മിലുള്ള ഒരു ക്രോസ് ആണെന്ന് ഞങ്ങൾ നിഗമനം ചെയ്യുന്നു ഇൻലൈൻ ഘടകങ്ങൾമാറ്റിസ്ഥാപിച്ച ഉള്ളടക്കവും, വാസ്തവത്തിൽ, ഞങ്ങൾ ഇപ്പോൾ ചർച്ച ചെയ്യുന്ന ക്ലാസിക് ഫ്രെയിമുകളും.

    ഫ്രെയിം, ഫ്രെയിംസെറ്റ് ടാഗുകൾ അടിസ്ഥാനമാക്കിയുള്ള ഫ്രെയിമുകൾ - അവയുടെ ഘടന

    അതിനാൽ, ഒരു ക്ലാസിക് ഫ്രെയിം ഘടന സൃഷ്ടിക്കുന്നത്, ഓപ്പണിംഗ്, ക്ലോസിംഗ് ബോഡി ടാഗിന് പകരം നിങ്ങൾ Html കോഡിൽ എന്താണ് എഴുതുന്നത് എന്നതിൽ നിന്നാണ് ആരംഭിക്കുന്നത്, അത് സാധാരണയായി ഏത് ഡോക്യുമെൻ്റിലും ഉണ്ടായിരിക്കണം, അത് ഒരു എലമെൻ്റ് അടിസ്ഥാനമാക്കിയുള്ള കണ്ടെയ്‌നർ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു. ഫ്രെയിംസെറ്റ്.

    ഈ സാഹചര്യത്തിൽ ബോഡി ഘടകം ഉപയോഗിക്കാൻ കഴിയില്ല എന്നതാണ് അടിസ്ഥാന കാര്യം - ഒന്നുകിൽ ബോഡി (ഒരു സാധാരണ ഡോക്യുമെൻ്റിനായി) അല്ലെങ്കിൽ ഫ്രെയിംസെറ്റ് (ഒരു ഡോക്യുമെൻ്റ് ഫ്രെയിം ഘടന സൃഷ്ടിക്കുമ്പോൾ):

    പ്രധാനതിനുള്ളിൽ ഞങ്ങൾ സൃഷ്ടിക്കുന്ന ഓരോ ഫ്രെയിമും ഒരു പ്രത്യേക ഘടകം ഉപയോഗിച്ചാണ് സൃഷ്ടിച്ചിരിക്കുന്നത് ഫ്രെയിം. ഈ ടാഗ് സിംഗിൾ ആണ്, അതിൽ ഈ വിൻഡോയിലേക്ക് ലോഡ് ചെയ്യുന്ന പ്രമാണത്തിലേക്കുള്ള പാത ഞങ്ങൾ സജ്ജമാക്കുന്നു.

    നമ്മൾ ഇതുവരെ സ്പർശിച്ചിട്ടില്ലാത്ത മൂന്നാമത്തെ ഘടകം നോഫ്രെയിംസ്. ഇത് ജോടിയാക്കുകയും ഉള്ളിൽ കുറച്ച് വാചകം എഴുതാൻ നിങ്ങളെ അനുവദിക്കുകയും ചെയ്യുന്നു, അത് ബ്രൗസർ പ്രോസസ്സ് ചെയ്യുകയും പ്രദർശിപ്പിക്കുകയും ചെയ്യും വെബ് പേജ്ഇതേ ബ്രൗസർ (അല്ലെങ്കിൽ മറ്റ് ഡിസ്പ്ലേ ഉപകരണം) ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ മാത്രം. ഉദാഹരണത്തിന്, നിങ്ങൾ മൊബൈൽ ഉപകരണങ്ങൾക്കായി ഒരു ബ്രൗസർ ഉപയോഗിക്കുകയാണെങ്കിൽ ഇത് സംഭവിക്കാം.

    സാധാരണയായി, ഫ്രെയിം ഘടന പ്രോസസ്സ് ചെയ്യുന്നതിനുള്ള അസാധ്യതയോടെ നിലവിലെ സാഹചര്യത്തെക്കുറിച്ചുള്ള വിവരങ്ങൾ മാത്രമല്ല, മറ്റ് പേജുകളിലേക്ക് പോകാനുള്ള കഴിവും നോഫ്രെയിമുകൾ ചേർക്കുന്നു, അവ ഉപയോഗിക്കാതെ തന്നെ നിങ്ങൾക്ക് പ്രവർത്തിക്കാൻ കഴിയും. അവനെക്കുറിച്ച് മറ്റെന്തെങ്കിലും പറയാൻ പ്രയാസമാണ്, അതിനാൽ നമുക്ക് തുടരാം.

    ബോഡി ടാഗിന് പകരം ഉപയോഗിക്കുന്ന ഫ്രെയിംസെറ്റ് ഘടകം, കാഴ്ച ഏരിയയ്ക്കായി നീക്കിവച്ചിരിക്കുന്ന എല്ലാ സ്ഥലവും എടുക്കുന്നു, കൂടാതെ ഫ്രെയിമുകൾ ഈ ഏരിയയ്ക്കുള്ളിൽ സൃഷ്ടിക്കപ്പെടും വ്യക്തിഗത ഘടകങ്ങൾഫ്രെയിം. ഇക്കാര്യത്തിൽ, ചോദ്യം ഉയർന്നുവരുന്നു - പ്രത്യേക വിൻഡോകൾക്കിടയിൽ കാണുന്ന സ്ഥലം എങ്ങനെ വിഭജിക്കാം അല്ലെങ്കിൽ മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, ഓരോന്നിൻ്റെയും വലുപ്പം എങ്ങനെ ക്രമീകരിക്കാം.

    ഫ്രെയിംസെറ്റ് ഘടകത്തിലേക്ക് ഉചിതമായ ആട്രിബ്യൂട്ടുകൾ ചേർത്താണ് ഇത് ചെയ്യുന്നത്. അവയിൽ രണ്ടെണ്ണം ഉണ്ട് - കോളുകളും വരികളും. കോളുകൾ ഒരു വലിയ വിൻഡോയുടെ വിഭജനം ലംബ ഫ്രെയിമുകളിലേക്കോ നിരകളിലേക്കോ സജ്ജമാക്കുന്നു, കൂടാതെ തിരശ്ചീന വിൻഡോകളോ വരികളോ ആയി അതിനെ വിഭജിക്കാൻ വരികൾ നിങ്ങളെ അനുവദിക്കുന്നു.

    ഫ്രെയിംസെറ്റും അതിൻ്റെ കോളുകളും റോസ് ആട്രിബ്യൂട്ടുകളും അടിസ്ഥാനമാക്കി ഒരു ഘടന സൃഷ്ടിക്കുന്നു

    Html ഫ്രെയിംസെറ്റ് ടാഗിൻ്റെ കോളുകൾക്കും വരികൾക്കുമുള്ള മൂല്യങ്ങൾ കോമകളാൽ വേർതിരിച്ച സംഖ്യകളാണ് (സ്‌പെയ്‌സുകളില്ലാതെ). ഈ നമ്പറുകൾ ഫലമായി നമുക്ക് ലഭിക്കാൻ ആഗ്രഹിക്കുന്ന വിൻഡോകളുടെ അനുപാതം സജ്ജമാക്കുന്നു. അതിനാൽ, കോമകളാൽ വേർതിരിച്ച എത്ര സംഖ്യകൾ കോളുകളിലോ വരികളിലോ എഴുതിയാലും, നമുക്ക് എത്ര ഫ്രെയിമുകൾ ഉണ്ട് എന്നതായിരിക്കും ഫലം.

    ഉദാഹരണത്തിന്, ഈ നൊട്ടേഷൻ ഉപയോഗിച്ച് നമുക്ക് മൂന്ന് ലഭിക്കും ലംബ നിരകൾ, വീതി 2:5:3 എന്ന അനുപാതവുമായി പൊരുത്തപ്പെടും.

    മൂന്ന് ഫ്രെയിമുകൾക്കുള്ള അനുപാതങ്ങൾ ഞങ്ങൾ സജ്ജീകരിച്ചിരിക്കുന്നതിനാൽ, അധിക ആട്രിബ്യൂട്ടുകൾ വ്യക്തമാക്കാതെ, തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനുമുള്ള ഫ്രെയിംസെറ്റ് ടാഗുകൾക്കിടയിൽ ഞങ്ങൾ മൂന്ന് ഫ്രെയിം ഘടകങ്ങൾ ഉൾപ്പെടുത്തേണ്ടതുണ്ട്:

    തൽഫലമായി, മൂന്ന് ശൂന്യമായ വിൻഡോകൾ അടങ്ങുന്ന ഞങ്ങളുടെ ഫ്രെയിം ഘടന ഇതുപോലെ കാണപ്പെടും:

    ഈ ഉദാഹരണത്തിൽ, ഞങ്ങൾ വിൻഡോ വലുപ്പങ്ങൾ (ഫ്രെയിം) ശതമാനങ്ങൾ ഉപയോഗിച്ച് സജ്ജീകരിക്കുന്നു, അവ കാഴ്ച ഏരിയയുടെ വീതിയിൽ നിന്നോ (കോൾസ് ഉപയോഗിക്കുമ്പോൾ ഇത് സംഭവിക്കുന്നു) അല്ലെങ്കിൽ അതിൻ്റെ ഉയരത്തിൽ നിന്നോ (വരികൾ) എടുത്തതാണ്. വ്യൂപോർട്ട് മാറ്റുമ്പോൾ, ഫ്രെയിം വലുപ്പങ്ങൾ തമ്മിലുള്ള ശതമാനം ബന്ധം നിലനിർത്തും. എന്നാൽ ശതമാനങ്ങൾക്ക് പകരം, നിങ്ങൾക്ക് അർത്ഥമാക്കുന്ന ലളിതമായ സംഖ്യകളും ഉപയോഗിക്കാം. ഇവിടെ, മനസ്സിലാക്കുന്നതിൽ ബുദ്ധിമുട്ടുകൾ ഉണ്ടാകരുതെന്ന് ഞാൻ കരുതുന്നു.

    എന്നാൽ വലുപ്പത്തിലുള്ള പദവികളിൽ അസാധാരണമായ ഒരു ഓപ്ഷനും ഉണ്ട്, അത് ഇതുപോലെ കാണപ്പെടുന്നു നക്ഷത്രചിഹ്നം "*". മാത്രമല്ല, അത് ഒന്നുകിൽ "*" അല്ലെങ്കിൽ മുന്നിൽ ഒരു അക്കമുള്ള ഒരു നക്ഷത്രചിഹ്നം ആകാം, ഉദാഹരണത്തിന്, "3*". ശതമാനത്തോട് വളരെ സാമ്യമുള്ളതും ഫ്രെയിമിനുള്ള ഇടം ആനുപാതികമായി വിഭജിക്കുന്നതുമായ ഒരു സമർത്ഥമായ കാര്യം.

    നമുക്ക് ഒരു ഉദാഹരണം നോക്കാം. വരികൾ ഉപയോഗിച്ച് വ്യൂപോർട്ട് തിരശ്ചീന വരികളായി വിഭജിക്കാൻ ഇപ്പോൾ നമുക്ക് തിരഞ്ഞെടുക്കാം:

    ഈ എൻട്രി എന്താണ് അർത്ഥമാക്കുന്നത്? ലംബമായി നമുക്ക് ലഭ്യമായ മുഴുവൻ കാഴ്ച ഏരിയയും മൂന്ന് വരികളായി വിഭജിക്കും. ആദ്യത്തേതിൻ്റെ ഉയരം 200 പിക്സലുകളിൽ എടുക്കും, രണ്ടാമത്തേത് - 500 ൽ, എന്നാൽ മൂന്നാമത്തെ വരി ഉയരത്തിൽ ശേഷിക്കുന്ന എല്ലാ സ്ഥലവും ഉൾക്കൊള്ളും, കാരണം "*" അതിൻ്റെ വലുപ്പമായി ഉപയോഗിച്ചു.

    ശ്രദ്ധേയമായ കാര്യം, “*”, “1*” എന്നീ മൂല്യങ്ങൾ ഒരേ കാര്യം അർത്ഥമാക്കുന്നു - ഞങ്ങൾ ശേഷിക്കുന്ന എല്ലാ സ്ഥലവും ഒന്നായി വിഭജിക്കുകയും ഈ ഒരു ഭാഗം ഈ ഫ്രെയിമിലേക്ക് നൽകുകയും ചെയ്യുന്നു (നന്നായി, അതായത്, ശേഷിക്കുന്ന എല്ലാ ഇടവും).

    എന്നാൽ ആനുപാതികമായി വിഭജിക്കാൻ നിങ്ങൾ ഒരു സംഖ്യയ്‌ക്കൊപ്പം "*" മൂല്യം ഉപയോഗിക്കുകയാണെങ്കിൽ എന്ത് സംഭവിക്കുമെന്ന് നോക്കൂ:

    ഈ സാഹചര്യത്തിൽ ഫ്രെയിമിൻ്റെ അളവുകൾ എന്തായിരിക്കുമെന്ന് നിങ്ങൾ കരുതുന്നു? രണ്ടാമത്തെ വരിക്ക് തീർച്ചയായും 100 പിക്സൽ ഉയരം ഉണ്ടായിരിക്കുമെന്ന് വ്യക്തമാണ്. എന്നാൽ ശേഷിക്കുന്ന ഇടം മൂന്നാമത്തെയും ആദ്യത്തെയും വരികൾക്കിടയിൽ ഉയരത്തിൽ എങ്ങനെ വിഭജിക്കും?

    ഇത് കണക്കാക്കുന്നത് വളരെ എളുപ്പമാണ് - നാല് (4*) രണ്ടിലേക്ക് (2*) ചേർത്ത് ഈ ഡിനോമിനേറ്റർ കൊണ്ട് ഹരിക്കുക (ഇതിൽ നിന്നുള്ള ഭിന്നസംഖ്യകൾ ഓർക്കുക സ്കൂൾ പാഠ്യപദ്ധതി) രണ്ടും നാലും. ആ. ഒരു ഫ്രെയിമുള്ള ആദ്യത്തെ നിര ഉയരത്തിൽ ശേഷിക്കുന്ന സ്ഥലത്തിൻ്റെ മൂന്നിലൊന്ന് എടുക്കുമെന്നും മൂന്നാമത്തെ കോളം മൂന്നിൽ രണ്ട് ഭാഗവും എടുക്കുമെന്നും ഞങ്ങൾ മനസ്സിലാക്കുന്നു. അല്ലെങ്കിൽ, മറ്റൊരു വിധത്തിൽ പറഞ്ഞാൽ, മൂന്നാമത്തേത് ആദ്യത്തേതിനേക്കാൾ ഇരട്ടിയായിരിക്കും:

    ഒരു ആട്രിബ്യൂട്ടിൽ ഫ്രെയിം വിൻഡോകളുടെ വലുപ്പം മാറ്റാൻ നിങ്ങൾക്ക് മൂന്ന് വഴികളും ഉപയോഗിക്കാം, ഉദാഹരണത്തിന്:

    തൽഫലമായി, ലഭ്യമായ മുഴുവൻ ഏരിയയുടെയും പത്ത് ശതമാനം വീതിയുള്ള ആദ്യത്തെ ഫ്രെയിം കോളം നമുക്ക് ലഭിക്കും, രണ്ടാമത്തേത് - 100 പിക്സലുകൾ, ശേഷിക്കുന്ന മൂന്നിന് നാല്, മൂന്ന്, ഒമ്പത് ഭാഗങ്ങളുടെ അനുപാതത്തിൽ വീതി ഉണ്ടായിരിക്കും. ശേഷിക്കുന്ന വീതി സ്ഥലം. അതിനാൽ എല്ലാം ലളിതവും വ്യക്തവുമാണ്.

    പ്രധാന വിൻഡോയെ തിരശ്ചീനവും ലംബവുമായ ഫ്രെയിമുകളായി മാത്രമല്ല, ഉദാഹരണത്തിന്, അവയുടെ കോമ്പിനേഷനുകളായി വിഭജിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, നിങ്ങൾക്ക് ഫ്രെയിംസെറ്റ് ഘടകങ്ങളുടെ നെസ്റ്റഡ് ഘടന നിരകൾക്കായി വെവ്വേറെയും വരികൾക്കായി വെവ്വേറെയും ഉപയോഗിക്കാം. ഉദാഹരണത്തിന്, ചുവടെയുള്ള സ്ക്രീൻഷോട്ടിൽ കാണിച്ചിരിക്കുന്ന ഘടന ലഭിക്കുന്നതിന്, ഇനിപ്പറയുന്ന നിർമ്മാണം ഉപയോഗിച്ചാൽ മതി:

    ആ. ആദ്യം, "ഫ്രെയിം" എലമെൻ്റ് ചേർക്കുന്നതിനുപകരം, "ഫ്രെയിംസെറ്റ് കോളുകൾ="20%,80%"" എന്നത് ലംബമായി രണ്ട് കോളങ്ങളായി വിഭജിച്ച് വലത് നിരയിലെ ഉള്ളടക്കങ്ങൾ "ഫ്രെയിം" ടാഗ് ഉപയോഗിച്ച് സജ്ജീകരിക്കുന്നതിന് ഞങ്ങൾ ഉപയോഗിക്കുന്നു. ഇടത് കോളത്തിനായി, ഞങ്ങൾ ഒരു പുതിയ “ഫ്രെയിംസെറ്റ് വരികൾ=“10%,*”” തുറക്കുന്നു.

    അതിൻ്റെ സഹായത്തോടെ ഞങ്ങൾ തകർക്കുന്നു വലത് കോളംഫ്രെയിമുകളുള്ള രണ്ട് വരികളായി, അതിൻ്റെ ഉള്ളടക്കങ്ങൾ രണ്ട് "ഫ്രെയിം" ടാഗുകൾ ഉപയോഗിച്ച് സജ്ജീകരിച്ചിരിക്കുന്നു, അതിനുശേഷം ഞങ്ങൾ രണ്ട് "ഫ്രെയിംസെറ്റ്" കണ്ടെയ്നറുകളും അടയ്ക്കുന്നു. എല്ലാം ലളിതവും യുക്തിസഹവുമാണ്.

    ഫ്രെയിം എലമെൻ്റിൻ്റെ Src ​​ആട്രിബ്യൂട്ടിൽ പാത്ത് വ്യക്തമാക്കുക

    എന്നാൽ ഞങ്ങൾ എല്ലാവരും ഫ്രെയിംസെറ്റ് ഘടകത്തെക്കുറിച്ചും അതിൻ്റെ കോളുകളും വരികളും ആട്രിബ്യൂട്ടുകളെക്കുറിച്ചും സംസാരിച്ചു, അതിൻ്റെ സഹായത്തോടെ ഞങ്ങൾ ഘടന രൂപപ്പെടുത്തുകയും അവയുടെ വലുപ്പങ്ങൾ സജ്ജമാക്കുകയും ചെയ്യുന്നു. ആവശ്യമായ ഫ്രെയിമുകളിൽ ആവശ്യമായ പ്രമാണങ്ങൾ എങ്ങനെ പ്രദർശിപ്പിക്കാമെന്നും അവയുടെ വിൻഡോകൾ തമ്മിലുള്ള ഇടപെടൽ എങ്ങനെ ക്രമീകരിക്കാമെന്നും ഇപ്പോൾ നമുക്ക് നോക്കാം.

    അപ്പോൾ നമ്മൾ സൃഷ്ടിക്കുന്ന വിൻഡോകളുടെ രൂപം എങ്ങനെ നിയന്ത്രിക്കാം? ഇതെല്ലാം ഫ്രെയിം ടാഗിൻ്റെ ആട്രിബ്യൂട്ടുകളിൽ അടങ്ങിയിരിക്കുന്നു. ആദ്യം എടുത്തു പറയേണ്ട ഒന്ന് സീനിയർ. Html കോഡിലേക്ക് ഇമേജുകൾ ചേർക്കുന്നത് നോക്കിയപ്പോൾ ഞങ്ങൾ അത് Img ടാഗിൽ കണ്ടുകഴിഞ്ഞു. അതിൻ്റെ സാരാംശം മാറിയിട്ടില്ല, ഫ്രെയിമിലേക്ക് ലോഡ് ചെയ്യേണ്ട പ്രമാണത്തിലേക്കുള്ള പാത വ്യക്തമാക്കാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു.

    Src-ലെ ഡോക്യുമെൻ്റിലേക്കുള്ള പാത ഇപ്രകാരം വ്യക്തമാക്കാം. നിങ്ങളുടെ സ്വന്തം റിസോഴ്സിൽ സ്ഥിതി ചെയ്യുന്ന ഒരു ഡോക്യുമെൻ്റിനായി ആപേക്ഷിക പാതകൾ സാധാരണയായി ഉപയോഗിക്കാറുണ്ട്, എന്നാൽ മറ്റൊരു സൈറ്റിൽ നിന്ന് ഒരു ഫ്രെയിം വിൻഡോയിലേക്ക് ഒരു ഡോക്യുമെൻ്റ് ലോഡുചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിക്കുമ്പോൾ നിങ്ങൾക്ക് സമ്പൂർണ്ണ പാതകൾ ആവശ്യമാണ്.

    ഇതിലേക്കുള്ള പാതയെ സൂചിപ്പിക്കുന്ന Src ആട്രിബ്യൂട്ട് വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ ആവശ്യമായ രേഖ, തുടർന്ന് ഒരു ശൂന്യ പ്രമാണം വിൻഡോയിലേക്ക് ലോഡ് ചെയ്യും. വ്യക്തിപരമായി, ഒരിക്കൽ ഞാൻ എൻ്റെ ബ്ലോഗിനായി സമാനമായ ഒരു കാര്യം ചെയ്തു (ഇത് പോലെ അധിക ഘടകംനാവിഗേഷൻ) കൂടാതെ അതേ സമയം ഹോസ്റ്റിംഗ് സെർവറിൽ സൃഷ്ടിച്ചു പ്രത്യേക ഫോൾഡർഅതിനായി, ഞാൻ അവിടെ ഒരു ഫ്രെയിം ഘടനയുള്ള ഒരു Html ഫയൽ മാത്രമല്ല (അതിനെ ഞാൻ index.html എന്ന് വിളിക്കുന്നു) മാത്രമല്ല, വിവിധ വിൻഡോകളിൽ ലോഡുചെയ്ത എല്ലാ പ്രമാണങ്ങളും പശ്ചാത്തലമായി ഉപയോഗിച്ച ഇമേജ് ഫയലുകളും സ്ഥാപിച്ചു.

    അതിനാൽ, ഇത് എനിക്ക് ഉപയോഗിക്കാൻ എളുപ്പമായിരുന്നു ആപേക്ഷിക ലിങ്കുകൾഫ്രെയിം ടാഗിൻ്റെ Src ​​ആട്രിബ്യൂട്ടിൽ:

    ഈ കോഡിൽ നൽകിയിരിക്കുന്ന എല്ലാ ലിങ്കുകളും ആപേക്ഷികമായി (https://site/navigator/joomla.html പോലുള്ളവ) മാറ്റി ഒരു ബ്രൗസറിൽ ഈ ഫയൽ തുറക്കുകയാണെങ്കിൽ, ഫ്രെയിമിൽ വ്യക്തമാക്കിയ ഡോക്യുമെൻ്റുകൾ ലോഡ് ചെയ്യപ്പെടും എന്നതാണ് ശ്രദ്ധേയമായ കാര്യം. എൻ്റെ സെർവറിൽ നിന്ന്, നിങ്ങളുടെ ബ്രൗസറിൽ സമാനമായ ഒരു ചിത്രം നിങ്ങൾ കാണും. കൂടാതെ, ഫ്രെയിം ഘടന (index.html) ഉള്ള നിങ്ങളുടെ ഫയൽ എവിടെയായിരിക്കുമെന്നത് പ്രശ്നമല്ല - നിങ്ങളുടെ കമ്പ്യൂട്ടറിലോ ഹോസ്റ്റിംഗിലോ.

    ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്ന ഉദാഹരണത്തിൽ, ഒരു നിശ്ചിത മെനു ഉള്ള ഒരു പേജ്, ഒരു സാധാരണ മെനുവാണ്, ഇടത് ഫ്രെയിമിൻ്റെ വിൻഡോയിലേക്ക് ലോഡ് ചെയ്യുന്നു. എന്നാൽ മെനു എങ്ങനെ രൂപപ്പെട്ടു എന്നതല്ല, അതിലെ ഏതെങ്കിലും ലിങ്കിൽ ക്ലിക്ക് ചെയ്തതിന് ശേഷം എന്ത് സംഭവിക്കും എന്നതാണ് പ്രധാനം.

    നിങ്ങൾ ഇത് ചെയ്യുകയാണെങ്കിൽ, എല്ലാം കൃത്യമായി സംഭവിക്കും - പ്രമാണം താഴെ വലത് വിൻഡോയിൽ തുറക്കും. എന്നാൽ ഇതിനായി എനിക്ക് ഒരു ചെറിയ ട്രിക്ക് ഉപയോഗിക്കേണ്ടിവന്നു, കാരണം സ്ഥിരസ്ഥിതി പതിപ്പിൽ പ്രമാണം വിൻഡോയുടെ മുഴുവൻ വലുപ്പത്തിലും തുറന്നു, ഫ്രെയിം ഘടന മാറ്റിസ്ഥാപിച്ചു, അത് എനിക്ക് ആവശ്യമില്ല, കാരണം അത് അപ്രത്യക്ഷമായി. നാവിഗേഷൻ മെനുഇടത്, മുകളിലെ ഫ്രെയിമുകളിൽ.

    ഒരു ഫ്രെയിമിലെ ഒരു ലിങ്ക് വഴി പ്രമാണങ്ങൾ എങ്ങനെ തുറക്കാം

    അതിനാൽ, ഞങ്ങൾ ഹൈപ്പർലിങ്കുകളെ കുറിച്ച് സംസാരിച്ചപ്പോൾ, ഞങ്ങൾ "A" ടാഗ് ആട്രിബ്യൂട്ട് ടാർഗെറ്റ്=_ബ്ലാങ്ക് എന്ന് സൂചിപ്പിച്ചു. അത് എന്തിനുവേണ്ടിയാണെന്ന് നിങ്ങൾ ഓർക്കുന്നുണ്ടോ? ലിങ്ക് ചെയ്‌ത പ്രമാണം ഒരു പുതിയ വിൻഡോയിൽ തുറക്കുന്നത് ശരിയാണ്. സ്ഥിരസ്ഥിതിയായി, ടാർഗെറ്റ് = "_self" എന്നതിന് തുല്യമായ അതേ വിൻഡോയിൽ ഇത് തുറക്കണം.

    എന്നാൽ ഇവ അവസരങ്ങളാണ് ലക്ഷ്യംപരിമിതമല്ല. നിങ്ങൾക്ക് അതിൽ ഒരു മൂല്യം ചേർക്കാൻ കഴിയുമെന്ന് ഇത് മാറുന്നു ഒരു ഫ്രെയിം നാമമായി, ഇതിൽ മുമ്പ് വ്യക്തമാക്കിയിട്ടുള്ളതാണ് പ്രത്യേക ആട്രിബ്യൂട്ട്ഫ്രെയിം ടാഗിൻ്റെ പേര്. അപ്പോൾ ഈ ലിങ്ക് വഴിയുള്ള പ്രമാണം അതേ വിൻഡോയിൽ തുറക്കില്ല, അതിൻ്റെ എല്ലാ സ്ഥലവും ഉൾക്കൊള്ളുന്നു, എന്നാൽ നിങ്ങൾ വ്യക്തമാക്കിയ ഫ്രെയിമിൽ. വ്യക്തമാണോ? പൂർണ്ണമല്ലെങ്കിൽ, ഉദാഹരണം വിശകലനം ചെയ്യുമ്പോൾ ഇപ്പോൾ അത് വ്യക്തമാകും.

    അതിനാൽ, മുകളിലുള്ള ചിത്രത്തിൽ കാണിച്ചിരിക്കുന്ന നമ്മുടെ ഉദാഹരണത്തിലേക്ക് മടങ്ങാം. താഴെ വലത് (വലിയ) ഫ്രെയിമിൽ ഇടത് വിൻഡോയിൽ നിന്നുള്ള ലിങ്കുകൾ ഉപയോഗിച്ച് ഞങ്ങൾ പേജുകൾ തുറക്കേണ്ടതുണ്ട്. അതിനാൽ, ആദ്യം നിങ്ങൾ ഫ്രെയിം ടാഗിലെ നെയിം ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് ഈ വലിയ വിൻഡോയ്ക്ക് ഒരു പേര് നൽകേണ്ടതുണ്ട്.

    അവർ അത് ഉണ്ടാക്കി "ktona" എന്ന് വിളിച്ചു. ഇപ്പോൾ നിങ്ങൾക്ക് ഇടത് വിൻഡോയിൽ മെനുവായി ലോഡ് ചെയ്ത ഫയൽ സുരക്ഷിതമായി തുറന്ന് അതിലെ എല്ലാ A ടാഗുകളിലേക്കും Target="ktona" ആട്രിബ്യൂട്ട് ചേർക്കാം:

    ജൂംലയുടെയും വിർച്യുമാർട്ട് ഘടകത്തിൻ്റെയും ചരിത്രം

    തീർച്ചയായും, തിരയൽ, മാറ്റിസ്ഥാപിക്കൽ ഉപകരണത്തിൻ്റെ സഹായത്തോടെ എല്ലാ ഹൈപ്പർലിങ്കുകൾക്കും ഇത് ഇടുന്നത് ബുദ്ധിമുട്ടുള്ള കാര്യമല്ല, പക്ഷേ ഞങ്ങൾക്ക് ഉപയോഗിക്കാൻ മികച്ച അവസരമുണ്ടെങ്കിൽ എന്തുകൊണ്ട് കോഡ് അനാവശ്യമായി ലോഡ് ചെയ്യുന്നു പ്രത്യേക അടിസ്ഥാന ടാഗ്ടാർഗെറ്റ് ബ്ലാങ്ക് ഉപയോഗിക്കുന്നതിനെക്കുറിച്ച് സംസാരിച്ചപ്പോൾ, ഹൈപ്പർലിങ്കുകളെക്കുറിച്ചുള്ള അതേ ലേഖനത്തിൽ ഞങ്ങൾ ഇതിനകം സൂചിപ്പിച്ചിട്ടുണ്ട്.

    തുറക്കുന്നതിനും അടയ്ക്കുന്നതിനും ഇടയിൽ ഇട്ടാൽ മാത്രം മതി തല ടാഗ് ചെയ്തുഅടിസ്ഥാന ലക്ഷ്യം="ktona" മൂലകവും ഈ പ്രമാണത്തിൻ്റെ HTML കോഡിലെ എല്ലാ ലിങ്കുകളും "ktona" എന്ന് വിളിക്കപ്പെടുന്ന നിർദ്ദിഷ്ട ഫ്രെയിമിൽ പുതിയ പേജുകൾ തുറക്കും:

    വഴിയിൽ, ഒരിക്കൽ നിലവിലുള്ള എൻ്റെ ടൂൾ ഒരു ഉദാഹരണമായി ഞങ്ങൾ പരിഗണിക്കുകയാണെങ്കിൽ, മുകളിലെ തിരശ്ചീന വിൻഡോയിൽ നിന്നുള്ള എല്ലാ ലിങ്കുകളും അവരുടെ പേജുകൾ ഇടത് ലംബ ഫ്രെയിമിൽ തുറക്കുന്നുവെന്ന് ഞങ്ങൾ ഉറപ്പാക്കേണ്ടതുണ്ട്, അത് എൻ്റെ ഇടത് മെനുവായി വർത്തിക്കുന്നു. ഇതിനായി എന്താണ് ചെയ്യേണ്ടത്?

    ശരി, ആദ്യം, നിങ്ങൾ ഇടത് ലംബ ഫ്രെയിമിന് ഒരു പേര് നൽകേണ്ടതുണ്ട്:

    മുകളിലെ വിൻഡോയിൽ (gor.html) ലോഡ് ചെയ്ത ഫയലിൽ, നിങ്ങൾ അടിസ്ഥാന ലക്ഷ്യം="gor" ഘടകം ചേർക്കേണ്ടതുണ്ട്:

    അത്രയേയുള്ളൂ, ഇപ്പോൾ ഞങ്ങൾ എല്ലാം ശരിയായി ചെയ്തു. മുകളിലെ ഫ്രെയിമിൽ നിന്നുള്ള ലിങ്കുകൾ പിന്തുടരുന്ന എല്ലാ ഡോക്യുമെൻ്റുകളും ഇടത് വിൻഡോയിൽ തുറക്കുന്നു, അതിൽ നിന്നുള്ള എല്ലാ ലിങ്കുകളും സെൻട്രൽ, ഏറ്റവും വലിയ ഫ്രെയിമിൽ പ്രമാണങ്ങൾ തുറക്കും. എൻ്റെ അഭിപ്രായത്തിൽ, എല്ലാം ലളിതവും യുക്തിസഹവുമാണ്.

    വിൻഡോകളുടെ രൂപം ഇഷ്ടാനുസൃതമാക്കുന്നതിനുള്ള ഫ്രെയിം ടാഗ് ആട്രിബ്യൂട്ടുകൾ

    കോൺഫിഗർ ചെയ്യാൻ ഫ്രെയിം ടാഗിൽ Src, Name എന്നിവ ഒഴികെയുള്ള ആട്രിബ്യൂട്ടുകൾ എന്തൊക്കെയാണെന്ന് നോക്കാം. രൂപംഫ്രെയിമുകൾ. നമുക്ക് തുടങ്ങാം സ്ക്രോളിംഗ്. ഇത് ഉപയോഗിച്ച്, നിങ്ങളുടെ ഫ്രെയിം ഘടനയുടെ ഓരോ ജാലകത്തിനും വേണ്ടിയുള്ള സ്ക്രോൾ ബാറുകളുടെ ഡിസ്പ്ലേ നമുക്ക് പ്രത്യേകം ക്രമീകരിക്കാൻ കഴിയും.

    സ്ക്രോളിങ്ങിന് സ്വയമേവയുള്ള ഒരു ഡിഫോൾട്ട് മൂല്യമുണ്ട് - ഫ്രെയിമിലേക്ക് ലോഡ് ചെയ്ത ഡോക്യുമെൻ്റിൻ്റെ വലുപ്പത്തെ അടിസ്ഥാനമാക്കി, ഒരു സ്ക്രോൾ ബാർ പ്രദർശിപ്പിക്കണോ വേണ്ടയോ എന്ന് ബ്രൗസർ സ്വയമേവ തീരുമാനിക്കും. ഡോക്യുമെൻ്റ് വിൻഡോയിൽ പൂർണ്ണമായും യോജിക്കുന്നില്ലെങ്കിൽ, ഒരു സ്ക്രോൾ ബാർ ദൃശ്യമാകും, അത് അവസാനം വരെ കാണാൻ നിങ്ങളെ അനുവദിക്കുന്നു.

    നിങ്ങൾക്ക് മൂല്യങ്ങളും ഉപയോഗിക്കാം അതെ (ഡോക്യുമെൻ്റ് പൂർണ്ണമായും യോജിച്ചാലും വിൻഡോയിലെ സ്ക്രോൾ ബാറുകൾ എല്ലായ്പ്പോഴും പ്രദർശിപ്പിക്കും) കൂടാതെ ഇല്ല (രേഖയുടെ ഒരു ഭാഗം അനുയോജ്യമല്ലെങ്കിലും സ്ക്രോൾ ബാറുകൾ ഒരിക്കലും ദൃശ്യമാകില്ല) സ്ക്രോളിംഗിനുള്ള മൂല്യങ്ങളായി.

    ഒരിക്കൽ നിലവിലുള്ള എൻ്റെ ടൂളിൽ, ഞാൻ ഓട്ടോയുടെ ഡിഫോൾട്ട് മൂല്യം ഉപയോഗിച്ചു, ആവശ്യാനുസരണം ഫ്രെയിമുകളിലെ സ്ക്രോൾ ബാറുകൾ:

    ഫ്രെയിം ടാഗിൻ്റെ ഇനിപ്പറയുന്ന ആട്രിബ്യൂട്ട് Noresize- അവിവാഹിതനാണ് (അതിന് മൂല്യങ്ങളൊന്നുമില്ല). ഇത് രജിസ്റ്റർ ചെയ്യുന്നതിലൂടെ, സ്ഥിരസ്ഥിതിയായി ചെയ്യുന്ന അതിൻ്റെ വലുപ്പം മാറ്റുന്നത് നിങ്ങൾ നിരോധിക്കും ലളിതമായ ഡ്രാഗ് ആൻഡ് ഡ്രോപ്പ്മൗസ് ഉപയോഗിച്ച് ഫ്രെയിം ബോർഡറുകൾ.

    നിങ്ങൾ മൗസ് കഴ്‌സർ ബോർഡറിലേക്ക് നീക്കുമ്പോൾ, കഴ്‌സർ ഇരട്ട തലയുള്ള അമ്പടയാളമായി മാറുന്നതും ഇപ്പോൾ ക്ലിക്ക് ചെയ്യുന്നതിലൂടെയും നിങ്ങൾ കാണും. ഇടത് ബട്ടൺമൗസ്, നിങ്ങൾക്ക് ഇഷ്ടമുള്ളതുപോലെ അതിർത്തി നീക്കാൻ കഴിയും. Noresize ഈ ഇച്ഛാശക്തിക്ക് നിരോധനം ഏർപ്പെടുത്തുന്നു (നിങ്ങൾ മൗസ് കഴ്‌സർ വിൻഡോകളുടെ അതിർത്തിയിലേക്ക് നീക്കുമ്പോൾ, നിങ്ങൾ ഇനി ദ്വിദിശ അമ്പടയാളം കാണില്ല).

    മറ്റൊരു വിഷ്വൽ ആട്രിബ്യൂട്ട് ഫ്രെയിംബോർഡർ. ഇത് ഉപയോഗിച്ച്, ഫ്രെയിമുകൾക്കിടയിൽ ഒരു ഫ്രെയിം (ബോർഡർ) വരയ്ക്കണോ വേണ്ടയോ എന്ന് നിങ്ങൾക്ക് വ്യക്തമാക്കാൻ കഴിയും. ഫ്രെയിംബോർഡറിന് സാധ്യമായ രണ്ട് മൂല്യങ്ങൾ മാത്രമേ ഉണ്ടാകൂ - ഒന്നുകിൽ 0 (ഒരു ഫ്രെയിം വരയ്ക്കരുത്) അല്ലെങ്കിൽ 1 (ഒരു ബോർഡർ കാണിക്കുക). സ്ഥിരസ്ഥിതി മൂല്യം, തീർച്ചയായും, 1 ആണ്.

    ഒരു സൂക്ഷ്മതയുണ്ട്. നിങ്ങൾക്ക് ദൃശ്യമായ ബോർഡർ നീക്കം ചെയ്യണമെങ്കിൽ, ദൃശ്യമായ ബോർഡറുകൾ നീക്കം ചെയ്യേണ്ട ഫ്രെയിമുകളുടെ എല്ലാ ഫ്രെയിം ടാഗുകളിലേക്കും നിങ്ങൾ Frameborder=0 ചേർക്കേണ്ടതുണ്ട്.

    ശരി, ഞങ്ങൾ ഇപ്പോഴും ഫ്രെയിം ടാഗിൻ്റെ രണ്ട് ആട്രിബ്യൂട്ടുകൾ പരിഗണിക്കേണ്ടതുണ്ട് - മാർജിൻവിഡ്ത്തും മാർജിൻഹൈറ്റും, വിൻഡോയുടെ ബോർഡറുകളിൽ നിന്ന് അതിൽ ലോഡ് ചെയ്‌തിരിക്കുന്ന ഉള്ളടക്കത്തിലേക്ക് പാഡിംഗിനെ വീതിയിലും (വലത്തോട്ടും ഇടത്തോട്ടും) ഉയരത്തിലും (മുകളിലും താഴെയും) സജ്ജമാക്കുന്നു (സംഖ്യ എന്നാൽ പാഡിംഗിൻ്റെ പിക്‌സലുകളുടെ എണ്ണം എന്നാണ് അർത്ഥമാക്കുന്നത്):

    എന്തുകൊണ്ടാണ് നിങ്ങൾക്ക് ഫ്രെയിമുകളിൽ ഒരു വെബ്‌സൈറ്റ് നിർമ്മിക്കാൻ കഴിയാത്തത്?

    അടിസ്ഥാനപരമായ പോരായ്മ എന്താണെന്ന് നോക്കാം ക്ലാസിക്കൽ ഘടനകൾ, ഇത് ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുമ്പോൾ അവയുടെ ഉപയോഗം അവസാനിപ്പിക്കുന്നു. ഈ ഫ്രെയിം ഘടന അനുസരിച്ച് വസ്തുത ഉൾക്കൊള്ളുന്നു അവളുടെ അവസ്ഥ നിരീക്ഷിക്കുക അസാധ്യമാണ്.

    യു സങ്കീർണ്ണമായ ഘടനകൾആയിരക്കണക്കിന് വ്യത്യസ്ത സംസ്ഥാനങ്ങൾ ഉണ്ടാകാം (ഡോക്യുമെൻ്റുകളുടെ വകഭേദങ്ങൾ തുറന്നിരിക്കുന്നു വിവിധ വിൻഡോകൾഫ്രെയിമുകൾ), എന്നാൽ ഈ ഘടനയുടെ Url വിലാസം മാറില്ല. ഇതുമൂലം ഉണ്ടാകും ബ്രൗസർ ബുക്ക്‌മാർക്കുകൾ ഉപയോഗിക്കാൻ കഴിയില്ലഅല്ലെങ്കിൽ നിങ്ങളുടെ പ്രിയപ്പെട്ട പേജുകളിലേക്കുള്ള ലിങ്കുകൾ മറ്റ് ഉപയോക്താക്കൾക്ക് അയയ്ക്കുക. എന്തുകൊണ്ട്?

    കാരണം ബ്രൗസർ ബുക്ക്‌മാർക്കുകളിൽ നിന്നോ ഇമെയിലിൽ നിന്നോ വിലാസം തുറക്കുമ്പോൾ പോലും അത് മാറ്റമില്ലാതെ തുടരും ഇമെയിൽ, ഫ്രെയിം ഘടനയുടെ ആരംഭ നിലയുള്ള ഒരു പേജ് നിങ്ങൾക്ക് ലഭിക്കും, അല്ലാതെ നിങ്ങൾ സംരക്ഷിക്കാൻ ആഗ്രഹിക്കുന്ന അവസ്ഥയല്ല.

    തീർച്ചയായും, ഈ പ്രശ്നം പരിഹരിക്കാൻ കഴിയുമെങ്കിലും, അത് മേലിൽ ഇല്ല HTML ഉപയോഗിക്കുന്നു, എന്നാൽ സെർവർ (ഉദാഹരണത്തിന്, Php) അല്ലെങ്കിൽ ക്ലയൻ്റ് പ്രോഗ്രാമിംഗ് ഭാഷകൾ (JavaScript) എന്നിവയുടെ സഹായത്തോടെ, ഈ പരിഹാരങ്ങൾ നൂറു ശതമാനം കാര്യക്ഷമമാകില്ല. അത്തരം പരിഹാരങ്ങൾ, വാസ്തവത്തിൽ, ഫ്രെയിം ഘടനയുടെ Url വിലാസത്തിലേക്ക് അതിൻ്റെ ഘടനയെക്കുറിച്ചുള്ള അധിക ഡാറ്റ ചേർക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു. നിലവിലെ അവസ്ഥ, എന്നാൽ ഇത് ചെയ്യാൻ എളുപ്പമല്ല, വിശ്വാസ്യത കേവലമായിരിക്കില്ല.

    വെബ്‌സൈറ്റുകൾ സൃഷ്‌ടിക്കാൻ ഫ്രെയിമുകൾ ഉപയോഗിക്കുന്നതിൻ്റെ ആദ്യത്തെ പോരായ്മ ഇതാണ്, ഇത് വളരെ പ്രാധാന്യമർഹിക്കുന്നു, എന്നാൽ മറ്റൊരു വലിയ പോരായ്മയുണ്ട്. സെർച്ച് എഞ്ചിനുകൾ, തീർച്ചയായും, അവയെ സൂചികയിലാക്കാനും അവയുടെ വിൻഡോകളിൽ ലോഡുചെയ്തിരിക്കുന്ന പ്രമാണങ്ങളുടെ വിലാസങ്ങൾ അവയിൽ നിന്ന് വേർതിരിച്ചെടുക്കാനും വളരെക്കാലമായി പഠിച്ചു. പ്രശ്നം വേറെയാണ്.

    ഒരു ഉപയോക്താവ് നാവിഗേറ്റ് ചെയ്യുമ്പോൾ തിരയൽ ഫലങ്ങൾഒരു ഫ്രെയിം ഘടനയുടെ അടിസ്ഥാനത്തിൽ നിർമ്മിച്ച നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് Yandex അല്ലെങ്കിൽ Google, തുടർന്ന് ഫ്രെയിമുകളിലൊന്നിലേക്ക് ലോഡ് ചെയ്ത പ്രമാണം മാത്രമേ തുറക്കൂ, മുഴുവൻ ഘടനയും അല്ല. ഞാൻ എന്താണ് സംസാരിക്കുന്നതെന്ന് നിങ്ങൾക്ക് മനസ്സിലായോ?

    ഉപയോക്താവ് പ്രമാണവും കാണും നിങ്ങളുടെ സൈറ്റിൽ നാവിഗേഷൻ കാണില്ല, കാരണം ഇത് മറ്റ് വിൻഡോകളിൽ സംരക്ഷിക്കപ്പെടും, മാത്രമല്ല അവ മുഴുവൻ ഘടനയുടെ ഭാഗമായി മാത്രമേ ലോഡ് ചെയ്യപ്പെടുകയുള്ളൂ.

    തൽഫലമായി, ഫ്രെയിമുകളിൽ നിർമ്മിച്ച ഒരു സൈറ്റ് ഉപയോഗശൂന്യമാകും. എന്നിരുന്നാലും, വീണ്ടും, സെർവർ സ്‌ക്രിപ്റ്റുകളെ അടിസ്ഥാനമാക്കി ഈ പ്രശ്‌നത്തിന് പരിഹാരങ്ങളുണ്ടെങ്കിലും, വ്യക്തിഗത പ്രമാണങ്ങളുടെ വിലാസങ്ങളിൽ നിന്ന് ആവശ്യമുള്ള അവസ്ഥയിലുള്ള ഒരു ഫ്രെയിം ഘടനയിലേക്ക് ഒരു റീഡയറക്‌ട് നടത്തുമ്പോൾ, ഇത് വീണ്ടും വളരെ ബുദ്ധിമുട്ടുള്ളതും എല്ലായ്പ്പോഴും വിശ്വസനീയവുമല്ല.

    പൊതുവേ, നിഗമനം അവ്യക്തമായി വരയ്ക്കാം - ഫ്രെയിമുകളിൽ വെബ്സൈറ്റുകൾ സൃഷ്ടിക്കേണ്ട ആവശ്യമില്ല. എന്നാൽ സഹായം സൃഷ്ടിക്കാൻ അവ നിരന്തരം ഉപയോഗിക്കുന്നു വിവിധ ആപ്ലിക്കേഷനുകൾ, കൂടാതെ മറ്റ് ചില ചെറിയ കാര്യങ്ങൾ ഉപയോഗപ്രദമാകും.

    ഉദാഹരണത്തിന്, ഞാൻ ഒരു ഫ്രെയിം ഘടന സൃഷ്ടിച്ചു, അതിനെ ഞാൻ "നാവിഗേറ്റർ" എന്ന് വിളിക്കുന്നു (ഇപ്പോൾ അത് താൽക്കാലികമായി നീക്കം ചെയ്‌തിരിക്കുന്നു) കൂടാതെ ഇത് എൻ്റെ ബ്ലോഗിനായി ഒരു തരം വിപുലീകരിച്ച ബാഹ്യ മെനുവായി മാറിയിരിക്കുന്നു, ഇത് റിസോഴ്‌സുമായി പ്രവർത്തിക്കുന്നത് ലളിതമാക്കണമെന്ന് എനിക്ക് തോന്നുന്നു. അതിനാൽ, “ അസംബന്ധമില്ല” മെച്ചപ്പെടുത്തുന്നത് സൈറ്റിൻ്റെ പ്രമോഷനിൽ വളരെ ശക്തമായ സ്വാധീനം ചെലുത്തുന്നു.

    എന്നിരുന്നാലും, എന്തെങ്കിലും പ്രശ്നങ്ങൾ ഉണ്ടാകാതിരിക്കാൻ തിരയൽ എഞ്ചിനുകൾ, ഞാൻ ഈ മുഴുവൻ ഫ്രെയിം ഘടനയിൽ നിന്നും അടച്ചു, കൂടാതെ എല്ലാറ്റിലും ചേർത്തു HTML ഫയലുകൾറൊഡോട്‌സ് മെറ്റാ ടാഗ് അവരുടെ ഇൻഡെക്‌സിംഗ് നിരോധിച്ചിരിക്കുന്നു:

    ജൂംല

    എന്നാൽ ഈ നിയന്ത്രണങ്ങളെല്ലാം ഫ്രെയിം, ഫ്രെയിംസെറ്റ് ടാഗുകളിലെ ഘടനകൾക്ക് മാത്രമേ ബാധകമാകൂ Iframe ടാഗുകളിൽ ഉൾച്ചേർത്ത ഫ്രെയിമുകൾദൃശ്യമായ ന്യൂനതകളൊന്നും ഇല്ല, YouTube-ൽ നിന്നുള്ള വീഡിയോകൾ ചേർക്കുന്നതിനായെങ്കിലും അവ നിങ്ങളുടെ പ്രോജക്റ്റുകളിൽ ഉപയോഗിക്കുകയും ഉപയോഗിക്കുകയും വേണം.

    നിങ്ങൾക്ക് ആശംസകൾ! ബ്ലോഗ് സൈറ്റിൻ്റെ പേജുകളിൽ ഉടൻ കാണാം

    എന്നതിൽ പോയി നിങ്ങൾക്ക് കൂടുതൽ വീഡിയോകൾ കാണാൻ കഴിയും
    ");">

    നിങ്ങൾക്ക് താൽപ്പര്യമുണ്ടാകാം

    Html കോഡിലെ കമൻ്റ് ഡയറക്‌ടീവുകളും ഡോക്‌ടൈപ്പും ബ്ലോക്ക്, ഇൻലൈൻ ഘടകങ്ങളുടെ ആശയം (ടാഗുകൾ)
    ഉൾച്ചേർക്കലും ഒബ്ജക്റ്റും - വെബ് പേജുകളിൽ മീഡിയ ഉള്ളടക്കം (വീഡിയോ, ഫ്ലാഷ്, ഓഡിയോ) പ്രദർശിപ്പിക്കുന്നതിനുള്ള Html ടാഗുകൾ
    Img - ഒരു ചിത്രം ചേർക്കുന്നതിനുള്ള Html ടാഗ് (Src), അതിന് ചുറ്റും വാചകം വിന്യസിക്കുകയും പൊതിയുകയും ചെയ്യുക (അലൈൻ ചെയ്യുക), അതുപോലെ ഒരു പശ്ചാത്തലം (പശ്ചാത്തലം) ക്രമീകരിക്കുക

    ഘടകം

    ഫ്രെയിമുകൾ

    അത് എന്ത് ചെയ്യുന്നു

    തമ്മിലുള്ള പ്രധാന വ്യത്യാസം

    .വീഡിയോ (ഉയരം: 0; സ്ഥാനം: ബന്ധു; പാഡിംഗ്-ബോട്ടം: 56.25%; ) .വീഡിയോ iframe (സ്ഥാനം: കേവലം; ഇടത്: 0; മുകളിൽ: 0; വീതി: 100%; ഉയരം: 100%; )

    വെബ്‌മാസ്റ്റർ ഉപദേശം:ഇൻ്റർനെറ്റിൽ പണം സമ്പാദിക്കാനുള്ള കഴിവ് യുദ്ധത്തിൻ്റെ പകുതി മാത്രമാണ്, മറ്റേ പകുതി ലാഭകരമായി ഇലക്ട്രോണിക് പണം കാഷ് ഔട്ട് ചെയ്യാനുള്ള കഴിവാണ്. നിങ്ങൾക്ക് ഫണ്ട് പിൻവലിക്കാനും അവയിൽ നിന്ന് മികച്ച ബില്ലുകൾ പിൻവലിക്കാനും കഴിയുന്ന ഓഫ്‌ഷോർ ബാങ്ക് കാർഡുകളുടെ ഒരു ലിസ്റ്റ് ഇതാ:

    1. പയനിയർ- ഫ്രീലാൻസർമാർക്ക് ലോകത്തിലെ ഏറ്റവും ജനപ്രിയമായ പേയ്‌മെൻ്റ് സിസ്റ്റം. യുഎസ്എയിൽ സ്ഥിതി ചെയ്യുന്ന ഇഷ്യൂ കാർഡുകൾ.

    2. EpayService- അമേരിക്കൻ പേയ്‌മെൻ്റ് സിസ്റ്റം, പല രാജ്യങ്ങളിലും വളരെ ജനപ്രിയമാണ്, സൗജന്യമായി നൽകുന്നു മാസ്റ്റർകാർഡ് കാർഡ്സിഐഎസിലെയും യൂറോപ്പിലെയും നിവാസികൾക്ക് EVRO-യിൽ.

    3. സ്ക്രിൽ- ക്രിപ്‌റ്റോകറൻസികളിൽ പ്രവർത്തിക്കുന്ന ഒരേയൊരു പേയ്‌മെൻ്റ് സിസ്റ്റം, അതേ സമയം സൗജന്യമായി വിതരണം ചെയ്യുന്നു ബാങ്ക് കാർഡുകൾമാസ്റ്റർകാർഡ്.

    4. അഡ്വക്യാഷ്- ഓഫ്‌ഷോർ ബാങ്ക് ബെലീസിലാണ് സ്ഥിതി ചെയ്യുന്നത്, നിങ്ങൾക്ക് ഡോളർ, യൂറോ, പൗണ്ട്, റൂബിൾ എന്നിവയിൽ ഒരു അക്കൗണ്ട് തുറക്കാം.

    5. പേയർ- ഇതിൻ്റെ ആസ്ഥാനം പേയ്മെൻ്റ് സിസ്റ്റംജോർജിയയിൽ സ്ഥിതിചെയ്യുന്നു, നിങ്ങൾക്ക് ഡോളർ, യൂറോ, റൂബിൾ എന്നിവയിൽ ഒരു അക്കൗണ്ട് തുറക്കാനും കഴിയും.


    ഡൊമെയ്ൻ RU - 99 RUR
    ഡൊമെയ്ൻ RF - 99 RUR

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

    html-ലെ ഫ്രെയിമുകൾ എന്തൊക്കെയാണ്

    ഫ്രെയിം(ഇംഗ്ലീഷ് ഫ്രെയിം) - ഒരു വെബ് പേജിൽ ബന്ധിപ്പിക്കാവുന്ന ചില സ്വതന്ത്ര ഏരിയ.

    ഇത് അൽപ്പം ആശയക്കുഴപ്പമുണ്ടാക്കുന്നതായി തോന്നുന്നതിൽ പരിഭ്രാന്തരാകരുത്. നമുക്ക് ഉടൻ തന്നെ ഏറ്റവും ലളിതമായ ഉദാഹരണം നൽകാം, അപ്പോൾ എല്ലാം വ്യക്തമാകും.

    ഏത് പ്രോഗ്രാമിലും സഹായം തുറക്കുക (അത് നോട്ട്പാഡ്, ചില പ്രോഗ്രാം, ബ്രൗസർ മുതലായവ ആകാം). മിക്കവാറും എല്ലായ്‌പ്പോഴും നിങ്ങൾ രണ്ട് ഭാഗങ്ങൾ അടങ്ങുന്ന ഒരു സഹായം കാണും (ഇടതുവശത്ത് നാവിഗേഷൻ, വലതുവശത്ത് ഉള്ളടക്കം). ഇടതും വലതും ഭാഗങ്ങൾ വെവ്വേറെ ഫ്രെയിമുകൾ മാത്രമാണ്. ഏറ്റവും സാധാരണമായ വിൻഡോസ് നോട്ട്പാഡിൻ്റെ സഹായത്തോടെ എടുത്ത ഒരു സ്ക്രീൻഷോട്ട് ചുവടെ:

    ചിത്രം 1. നോട്ട്പാഡ് ഉപയോഗിച്ച് ഫ്രെയിമുകൾ ഉപയോഗിക്കുന്നത് ഉദാഹരണമായി സഹായിക്കുന്നു

    നിങ്ങൾ കാണുന്നത് രണ്ട് വ്യത്യസ്ത സ്വതന്ത്ര ഫ്രെയിമുകൾ അടങ്ങുന്ന ഒരു വെബ് പേജാണ്. ഒരു ഉദാഹരണം പറയാം html കോഡ്സഹായത്തിൽ നിന്ന് അത്തരമൊരു ഫ്രെയിം.

    ഫ്രെയിം നമ്പർ 1 ഉള്ള ഉദാഹരണം (സഹായം ചെയ്യുന്നു)

    മുകളിലുള്ള ചട്ടക്കൂടിൽ, മുകളിൽ ചർച്ച ചെയ്ത സഹായം ഇതുപോലെ കാണപ്പെടും:


    ചിത്രം 2. ഫ്രെയിമുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഫ്രെയിംവർക്ക് ഉദാഹരണം നമ്പർ 1

    ഫ്രെയിമുകൾ ഉപയോഗിച്ച് ഒരു പേജ് ഭാഗങ്ങളായി വിഭജിക്കുന്നത് HTML ടേബിൾ ലേഔട്ടിനോട് വളരെ സാമ്യമുള്ളതാണ് (HTML പട്ടിക ടാഗ് കാണുക). അത്തരമൊരു പേജിനുള്ള ഉദാഹരണ കോഡ് ഇതുപോലെയാകാം:

    <span>ഫ്രെയിമുകളുള്ള ഒരു html പേജിൻ്റെ ഉദാഹരണം നമ്പർ 1</span>
    ഉദാഹരണം നമ്പർ 1-ൻ്റെ വിശദീകരണം

    മുകളിലെ കോഡിൽ നിന്ന് നിങ്ങൾക്ക് കാണാനാകുന്നതുപോലെ, ഫ്രെയിമുകളിൽ നിന്ന് സൃഷ്ടിച്ച ഒരു പേജ് ഒരു സാധാരണ html പേജിനോട് വളരെ സാമ്യമുള്ളതാണ്: ഒരു ഓപ്പണിംഗ് html ടാഗ് ഉണ്ട്, ഒരു വിഭാഗം , തലക്കെട്ട് , എന്നാൽ ഒരു വലിയ വ്യത്യാസമുണ്ട്. പേജിൻ്റെ ബോഡിക്ക് ഉത്തരവാദിയായ ബോഡി ടാഗ് നഷ്‌ടമായത് നിങ്ങൾ ശ്രദ്ധിച്ചിരിക്കാം. പകരം ടാഗ് ചേർത്തു <frameset>, ഇത് പേജിൻ്റെ ബോഡിക്ക് ഉത്തരവാദിയാണ്. ഈ ടാഗിന് രണ്ട് ആട്രിബ്യൂട്ടുകൾ ഉണ്ട് cols="25%,75%" , അതായത് മുഴുവൻ പേജ് ബോഡിയും 1:3 അനുപാതത്തിൽ രണ്ട് ലംബ ഭാഗങ്ങളായി വിഭജിക്കുന്നു. ആദ്യത്തെ ഏരിയ മുഴുവൻ സ്‌ക്രീനിൻ്റെയും വീതിയുടെ 25% എടുക്കും (അതിൽ ആദ്യത്തെ menu.html ഫ്രെയിം അടങ്ങിയിരിക്കും), രണ്ടാമത്തെ ഏരിയ മുഴുവൻ സ്‌ക്രീനിൻ്റെയും വീതിയുടെ 75% എടുക്കും (അതിൽ രണ്ടാമത്തെ ഉള്ളടക്കം അടങ്ങിയിരിക്കും. html ഫ്രെയിം).</p> <p>അവസാനത്തേത് പൂർണ്ണമായും <a href="https://redcomrade.ru/ml/monitors/html-shablon-socialnoi-seti-shablony-dlya-socialnoi-seti-na-wordpress-neobyazatelnye-tegi-v-html5/">ഓപ്ഷണൽ ടാഗ്</a>ഇത് <noframes>. ഫ്രെയിമുകളെ പിന്തുണയ്ക്കാത്ത ബ്രൗസറുകൾക്ക് ഇത് ആവശ്യമാണ്. ബ്രൗസർ ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ലെങ്കിൽ, ഈ ടാഗിലൂടെ ഉപയോക്താവിനെ ഇക്കാര്യം മാന്യമായി അറിയിക്കാൻ ശുപാർശ ചെയ്യുന്നു.</p> <p>വഴിയിൽ, ടാഗിനായി അത് ശ്രദ്ധിക്കുക <frame>ക്ലോസിംഗ് ടാഗ് ആവശ്യമില്ല.</p> <p>ഫ്രെയിമുകളെ കുറിച്ച് ഇപ്പോൾ നിങ്ങൾക്ക് ഒരു ധാരണയുണ്ടെന്ന് ഞാൻ പ്രതീക്ഷിക്കുന്നു. കൂടുതൽ ബുദ്ധിമുട്ടുള്ള ഉദാഹരണങ്ങൾ മനസിലാക്കാൻ, 4 ഫ്രെയിമുകൾ അടങ്ങിയ ഒരു ലളിതമായ html പേജ് സൃഷ്ടിക്കാൻ ശ്രമിക്കാം. ഇത് ഉദാഹരണം #2 ആയിരിക്കും.</p> <h2>4 ഫ്രെയിമുകൾ ഉള്ള ഉദാഹരണം #2</h2> <p>ഫ്രെയിംവർക്ക് ഉദാഹരണം 2:</p> <p><img src='https://i1.wp.com/zarabotat-na-sajte.ru/uroki-html/img/primer2-frame-karkas.jpg' width="100%" loading=lazy loading=lazy><br>ചിത്രം 3. ഫ്രെയിമുകൾ ഉപയോഗിക്കുന്നതിനുള്ള ഫ്രെയിംവർക്ക് ഉദാഹരണം നമ്പർ 2</p> <p>കോഡ് <a href="https://redcomrade.ru/ml/more/kak-otkryt-html-kod-stranicy-kak-posmotret-ishodnyi-kod-v-stranice/">ഉറവിടം html പേജ്</a>ഫ്രെയിമിനൊപ്പം ഇത് ഇനിപ്പറയുന്നതായിരിക്കും:</p> <blockquote><html > <head > <title ><span>ഫ്രെയിമുകളുള്ള ഒരു html പേജിൻ്റെ ഉദാഹരണം നമ്പർ 2</span> <span>ഫ്രെയിമുകൾ പ്രദർശിപ്പിക്കുന്നതിനെ നിങ്ങളുടെ ബ്രൗസർ പിന്തുണയ്ക്കുന്നില്ല</span>

    Top.html ഫയൽ കോഡ്

    <span>ഫയൽ top.html - സൈറ്റ് ഹെഡർ</span>

    ഉദാഹരണം നമ്പർ 2

    ഇവിടെ ഒരു ലോഗോയും മറ്റും ഉണ്ടാകാം :)

    Menu.html ഫയൽ കോഡ്

    <span>ഫയൽ menu.html - സൈറ്റ് മെനു</span>

    Content.html ഫയൽ കോഡ്

    <span>ഫയൽ content.html - സൈറ്റ് ഉള്ളടക്കം</span>

    ഹോം പേജ്

    സൈറ്റ് ഉള്ളടക്കം. content.html ഫയൽ ഇപ്പോൾ തുറന്നിരിക്കുന്നു
    ഇതാണ് ഞങ്ങളുടെ ഫ്രെയിമിൻ്റെ പ്രാരംഭ അവസ്ഥ. ഈ ഫയലിനെ "മാസ്റ്റർ പേജ്" എന്ന് വിളിക്കാം

    ഫയൽ കോഡ് about-site.html

    <span>ഫയൽ about-site.html - സൈറ്റിനെക്കുറിച്ചുള്ള പേജ്</span>

    സൈറ്റിനെക്കുറിച്ച്

    സൈറ്റിനെക്കുറിച്ചുള്ള പേജ്. about-site.html എന്ന ഫയൽ ഇപ്പോൾ തുറന്നിരിക്കുന്നു

    ഫയൽ കോഡ് about-autor.html

    <span>ഫയൽ about-autor.html - രചയിതാവിനെക്കുറിച്ച്</span>

    രചയിതാവിനെക്കുറിച്ച്

    രചയിതാവ് പേജിനെക്കുറിച്ച്. about-autor.html എന്ന ഫയൽ ഇപ്പോൾ തുറന്നിരിക്കുന്നു

    Footer.html ഫയൽ കോഡ്

    <span>ഫയൽ footer.html - സൈറ്റിനെക്കുറിച്ച്</span> വെബ്‌സൈറ്റ് അടിക്കുറിപ്പ്. ഫയൽ footer.html ഇപ്പോൾ തുറന്നിരിക്കുന്നു
    ഉദാഹരണം നമ്പർ 2-ൻ്റെ വിശദീകരണം

    തുടക്കത്തിൽ, മുഴുവൻ പേജും 3:14:3 എന്ന അനുപാതത്തിൽ തിരശ്ചീനമായി മൂന്ന് മേഖലകളായി തിരിച്ചിരിക്കുന്നു. വരികൾ="15%,70%,15%" ആട്രിബ്യൂട്ട് ഇതിന് ഉത്തരവാദിയാണ്. ഞങ്ങളുടെ ഉദാഹരണത്തിലെ ആദ്യ ഫ്രെയിം ഹെഡറാണ് (ഞങ്ങൾ ഇതിനെ top.html എന്ന് വിളിച്ചു), ഉയരത്തിൻ്റെ 15% സ്ഥലത്തിന് അനുവദിച്ചിരിക്കുന്നു. അടുത്തതായി ഉയരത്തിൻ്റെ 70% ഉൾക്കൊള്ളുന്ന ഒരു വലിയ ഫ്രെയിം വരുന്നു. ഞങ്ങൾ അതിനെ 1:3 എന്ന അനുപാതത്തിൽ cols="25%,75%" ഉപയോഗിച്ച് രണ്ട് ഭാഗങ്ങളായി വിഭജിക്കുന്നു. ഇടതുവശത്ത് ഒരു ഫ്രെയിം menu.html ഉണ്ടായിരിക്കും, വലതുവശത്ത് content.html. പേജുകൾ മാറുന്നതിനായി ഞങ്ങൾ രണ്ടാമത്തെ ഫ്രെയിമിന് പേര് = "പ്രധാന" എന്ന് പ്രത്യേകം പേരിട്ടു. menu.html ഫയലിൽ, ഓരോ ലിങ്കിനും ഒരു ടാർഗെറ്റ്="മെയിൻ" ആട്രിബ്യൂട്ട് ഘടിപ്പിച്ചിട്ടുണ്ടെന്ന കാര്യം ശ്രദ്ധിക്കുക, അത് ലിങ്ക് ക്ലിക്കുചെയ്യുമ്പോൾ മെയിൻ എന്ന ഏരിയയിലേക്ക് ഇനങ്ങൾ ലോഡ് ചെയ്യാൻ അനുവദിക്കുന്നു. സൈറ്റിൻ്റെ ചുവടെ അവസാന ഫ്രെയിം footer.html ആണ്.

    നിങ്ങൾ ഉദാഹരണം നമ്പർ 2 നടപ്പിലാക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് ഇനിപ്പറയുന്ന HTML പേജ് അതിൻ്റെ യഥാർത്ഥ അവസ്ഥയിൽ ലഭിക്കും:


    ചിത്രം 4. ഉദാഹരണം നമ്പർ 2 - പ്രാരംഭ അവസ്ഥ

    നിങ്ങൾ സൈറ്റിൻ്റെ വിവര പേജിലേക്ക് പോകുമ്പോൾ, പേജ് ഇതുപോലെ കാണപ്പെടും:


    ചിത്രം 5. ഉദാഹരണം നമ്പർ 2 - രണ്ടാമത്തെ അവസ്ഥ


    ചിത്രം 6. ഉദാഹരണം നമ്പർ 2 - മൂന്നാം സംസ്ഥാനം

    ടാഗ് ചെയ്യുക

    ഈ ടാഗിൻ്റെ ഓപ്‌ഷണൽ ആട്രിബ്യൂട്ടുകൾ വീതി="വീതി", ഉയരം="ഉയരം" എന്നിവയാണ്, ആവശ്യമായ ആട്രിബ്യൂട്ട് src="ഫ്രെയിം വിലാസം" ആണ്.

    ആട്രിബ്യൂട്ടുകളും ഗുണങ്ങളും ടാഗ് ചെയ്യുക

    1. COLS ആട്രിബ്യൂട്ട്="പാരാമീറ്ററുകൾ"
    ലംബമായ പേജ് വിഭജനങ്ങളുടെ എണ്ണം സജ്ജമാക്കുന്നു.

    2. ROWS="പാരാമീറ്ററുകൾ" ആട്രിബ്യൂട്ട്
    തിരശ്ചീന പേജ് വിഭജനങ്ങളുടെ എണ്ണം സജ്ജമാക്കുന്നു.

    പാർട്ടീഷനിംഗ് പരാമീറ്ററുകൾ എങ്ങനെ സജ്ജമാക്കാം എന്ന് നോക്കാം.

    a) പിക്സലുകളുടെ എണ്ണവുമായി പൊരുത്തപ്പെടുന്ന നമ്പർ ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്, കോളുകൾ = "100,100,300" പേജിനെ മൂന്ന് ഏരിയകളായി വിഭജിക്കാൻ സജ്ജമാക്കുന്നു, അവയിൽ ഓരോന്നിനും യഥാക്രമം 100 പിക്സൽ, 100 പിക്സൽ, 300 പിക്സൽ വീതിയുണ്ടാകും.

    b) ശതമാനം ഉപയോഗിക്കുന്നുമൊത്തം വീതി/ഉയരം. മുകളിൽ ചർച്ച ചെയ്ത ഉദാഹരണങ്ങളിൽ, ഞങ്ങൾ ശതമാനം വിഭജനം ഉപയോഗിച്ചു, അതിനാൽ ഒരു ഉദാഹരണം നൽകുന്നത് അർത്ഥശൂന്യമാണെന്ന് തോന്നുന്നു.

    c) * (നക്ഷത്രചിഹ്നം) ഉപയോഗിക്കുന്നു. ഉദാഹരണത്തിന്, cols = "2*,3*,100" ആദ്യ രണ്ട് ഏരിയകളെ 2:3 അനുപാതത്തിലും മൂന്നാമത്തെ ഏരിയ 100 പിക്സൽ വീതിയിലും സജ്ജമാക്കുന്നു.

    മൂന്ന് രീതികളും സംയോജിപ്പിക്കാം. ഉദാഹരണത്തിന്, cols="2*,100,15%,4*" .

    3. ഫ്രെയിംബോർഡർ="(അതെ|ഇല്ല)" ആട്രിബ്യൂട്ട്
    ഒരു ഫ്രെയിമിന് ബോർഡർ ഉണ്ടോ എന്ന് നിർണ്ണയിക്കുന്നു. ഉത്തരം അതെ എന്നാണെങ്കിൽ, അടുത്ത നാലാമത്തെ ബോർഡർ ആട്രിബ്യൂട്ട് പ്രാബല്യത്തിൽ വരും.

    4. ആട്രിബ്യൂട്ട് ബോർഡർ="പാരാമീറ്റർ"
    പിക്സലുകളിൽ, ബോർഡർ ഫ്രെയിം ഏരിയയുടെ ബോർഡർ കനം വ്യക്തമാക്കുന്നു. ഉദാഹരണത്തിന്, ഫ്രെയിംബോർഡർ = "2" എന്നത് 2 പിക്സലുകളുടെ തിരഞ്ഞെടുത്ത രൂപരേഖയുള്ള ഒരു ഏരിയ വ്യക്തമാക്കുന്നു.

    5. bordercolor="color" ആട്രിബ്യൂട്ട്
    ബോർഡർ ഉണ്ടെങ്കിൽ അതിൻ്റെ നിറം വ്യക്തമാക്കുന്നു. നിറം വാക്കുകളിലോ കോഡിലോ വ്യക്തമാക്കാം (html വർണ്ണ പാലറ്റ് കാണുക).

    ശ്രദ്ധിക്കുക: ടാഗ് എന്നത് ദയവായി ശ്രദ്ധിക്കുക ഒരു ക്ലോസിംഗ് ടാഗ് ആവശ്യമാണ് .

    ആട്രിബ്യൂട്ടുകളും ഗുണങ്ങളും ടാഗ് ചെയ്യുക

    1. ആട്രിബ്യൂട്ട് src="ഘടക വിലാസം"
    മൂലക വിലാസത്തിലേക്കുള്ള പൂർണ്ണ URL ഇവിടെ ഒരു പാരാമീറ്ററായി വ്യക്തമാക്കിയിരിക്കണം. ഈ ആട്രിബ്യൂട്ട് ആവശ്യമാണ്. അവൻ നിങ്ങൾക്ക് ഇതിനകം പരിചിതനാണ്, കാരണം ... 1, 2 ഉദാഹരണങ്ങളിൽ ഇത് ഉണ്ടായിരുന്നു.

    2. ആട്രിബ്യൂട്ട് മാർജിൻവിഡ്ത്ത്="നമ്പർ"
    ബോർഡറുകളിൽ നിന്ന് ഫ്രെയിമിനുള്ളിലെ ഇൻഡൻ്റേഷൻ്റെ വീതി പിക്സലുകളിൽ സജ്ജമാക്കുന്നു. ഉദാഹരണത്തിന്, marginwidth="10", ഫ്രെയിം ബോർഡറിൻ്റെ ഇടത്തോട്ടും വലത്തോട്ടും ഉള്ളടക്ക മാർജിൻ സജ്ജമാക്കും.

    3. ആട്രിബ്യൂട്ട് മാർജിൻഹൈറ്റ്="നമ്പർ"
    ഉയരം ഓഫ്‌സെറ്റ് സജ്ജമാക്കുന്ന ഒരേയൊരു വ്യത്യാസമുള്ള രണ്ടാമത്തേതിന് സമാനമാണ്.

    4. സ്ക്രോളിംഗ്="(അതെ|ഇല്ല|ഓട്ടോ)" ആട്രിബ്യൂട്ട്
    ഫ്രെയിമിന് അനുവദിച്ചിരിക്കുന്ന ഏരിയയിൽ ഉൾക്കൊള്ളാൻ കഴിയുന്നില്ലെങ്കിൽ അത് സ്ക്രോൾ ചെയ്യാനുള്ള കഴിവ് സജ്ജമാക്കുന്നു. സ്ഥിര മൂല്യം സ്വയമേവയാണ് (ആവശ്യമെങ്കിൽ ഒരു സ്ക്രോൾ സൃഷ്‌ടിക്കുക എന്നാണ് അർത്ഥമാക്കുന്നത്).

    5. നോറെസൈസ് ആട്രിബ്യൂട്ട്
    ഈ ആട്രിബ്യൂട്ട് സജ്ജീകരിച്ചിട്ടുണ്ടെങ്കിൽ, ഫ്രെയിം അതിരുകൾ സ്വതന്ത്രമായി മാറ്റുന്നതിൽ നിന്ന് ഉപയോക്താവിനെ നിരോധിച്ചിരിക്കുന്നു. ഡിഫോൾട്ടായി, ഈ ആട്രിബ്യൂട്ട് സജ്ജീകരിച്ചിട്ടില്ല കൂടാതെ ഉപയോക്താവിന് അവൻ ആഗ്രഹിക്കുന്നതുപോലെ അതിരുകൾ മാറ്റാൻ കഴിയും.

    5. ആട്രിബ്യൂട്ട് പേര് = "ശീർഷകം"
    ഫ്രെയിമിന് ഒരു പേര് നൽകാൻ ഈ ആട്രിബ്യൂട്ട് ഉപയോഗിക്കാം. മറ്റ് ഫ്രെയിമുകൾക്ക് ഈ ഫ്രെയിം ആക്സസ് ചെയ്യാൻ ഇത് ആവശ്യമാണ്. ഉദാഹരണം നമ്പർ 2 അത്തരം ഒരു കേസുമായി ബന്ധപ്പെട്ടിരിക്കുന്നു.

    കുറിപ്പ്:
    പേര് "_" എന്ന അടിവരയിൽ തുടങ്ങാൻ പാടില്ല.

    6. ആട്രിബ്യൂട്ടുകൾ ഫ്രെയിംബോർഡർ, ബോർഡർ, ബോർഡർ കളർ
    ഈ മൂന്ന് ആട്രിബ്യൂട്ടുകളും ഫ്രെയിംസെറ്റിന് സമാനമാണ് (മുകളിലുള്ള ഫ്രെയിംസെറ്റ് ആട്രിബ്യൂട്ടുകൾ കാണുക).

    ഫ്രെയിമുകളുടെ ഗുണങ്ങളും ദോഷങ്ങളും

    ഫ്രെയിമുകളുടെ പ്രോസ്

    • ഒരു വിൻഡോയിൽ സ്വതന്ത്രമായി നിരവധി പേജുകൾ പ്രദർശിപ്പിക്കാനുള്ള കഴിവ് (ഉദാഹരണം 1 ഉം 2 ഉം മുകളിൽ);
    • പേജ് റീലോഡ് ചെയ്യാതെ തന്നെ പേജ് ഉള്ളടക്കം മാറ്റാനുള്ള കഴിവ് (സ്‌ക്രീനിൻ്റെ ഒരു ഏരിയ മാത്രം മാറുന്നു);
    • ഒരു സൈറ്റ് ഘടന (ഹെഡർ, മെനു, ഫൂട്ടർ മുതലായവ) അയവുള്ള രീതിയിൽ നിർമ്മിക്കാനുള്ള കഴിവ് - എല്ലാ സ്റ്റാറ്റിക് വിവരങ്ങളും ഫയലുകളിൽ വെവ്വേറെ സംഭരിച്ചിരിക്കുന്നു, ഇത് സൈറ്റിൻ്റെ ഒരു ഭാഗം വേഗത്തിൽ എഡിറ്റുചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്നു);
    • noresize ഓപ്ഷൻ സജ്ജീകരിച്ചിട്ടില്ലെങ്കിൽ ഉപയോക്താവിന് വ്യൂപോർട്ടിൻ്റെ വലിപ്പം സ്വയം മാറ്റാൻ കഴിയും;

    ഫ്രെയിമുകളുടെ ദോഷങ്ങൾ

    • ഫ്രെയിമുകളിൽ ലോഡ് ചെയ്ത ഫയലുകളെ വ്യാഖ്യാനിക്കാൻ കഴിയാത്തതിനാൽ സെർച്ച് എഞ്ചിനുകൾ ഫ്രെയിം ചെയ്ത സൈറ്റുകളെ മോശമായി സൂചികയിലാക്കുന്നു. സെർച്ച് എഞ്ചിൻ പേജുകളെ അവയുടെ വിലാസം (URL), ഫ്രെയിമുകൾ എന്നിവയാൽ വേർതിരിക്കുന്നു വിവിധ സംസ്ഥാനങ്ങൾ, പേജ് വിലാസം മാറില്ല. അത് ചട്ടങ്ങൾക്ക് വിരുദ്ധമാണ് തിരയൽ എഞ്ചിൻ, അതായത് ഒരു സെർച്ച് എഞ്ചിന് സൈറ്റിനെ സൂചികയിലാക്കാൻ കഴിയുമെന്നത് ഒരു വസ്തുതയല്ല.
    • ഫ്രെയിമുകളിൽ ഒരു സൈറ്റ് ബുക്ക്മാർക്ക് ചെയ്യുന്നത് അസാധ്യമാണ്, കാരണം പേജ് URLഅതുപോലെ തന്നെ ആയിരിക്കും. അതിനാൽ, നിങ്ങൾക്ക് സംരക്ഷിക്കാൻ മാത്രമേ കഴിയൂ പ്രാരംഭ അവസ്ഥഫ്രെയിം.
    • എല്ലാ ബ്രൗസറുകളും ഫ്രെയിമുകളെ പിന്തുണയ്ക്കുന്നില്ല.

    ഫ്രെയിമുകളുടെ ഭാവി:
    പല വെബ്‌മാസ്റ്റർമാരും വളരെക്കാലം മുമ്പ് ഫ്രെയിമുകൾ ഉപേക്ഷിക്കാൻ തുടങ്ങി. സെർച്ച് എഞ്ചിനുകളിലെ പ്രമോഷൻ്റെ ബുദ്ധിമുട്ടുകളാണ് ഇതിന് കാരണം. ഇപ്പോൾ എല്ലാവരും അജാക്സിലേക്ക് മാറുന്നു, കാരണം ഇത് കൂടുതൽ ചലനാത്മകവും ആധുനിക രീതിസൈറ്റിൻ്റെ ഒരു പേജിൽ വിവരങ്ങൾ പ്രദർശിപ്പിക്കുന്നു.

    പ്രിയ വായനക്കാരേ, ഞങ്ങൾ ടാഗുകൾ അവലോകനം ചെയ്തു html പ്രമാണംഫ്രെയിമുകളെ സംബന്ധിച്ച്. ഈ പ്രദേശത്തിൻ്റെ സംശയാസ്പദമായ ഭാവി ഉണ്ടായിരുന്നിട്ടും, ഓരോ വെബ്മാസ്റ്ററും ഫ്രെയിമുകളെക്കുറിച്ച് അറിഞ്ഞിരിക്കണം.