ഇൻലൈൻ ഫ്രെയിമുകൾ നിങ്ങളുടെ പേജുകളിലെ ബാഹ്യ ഉറവിടങ്ങളിൽ നിന്നുള്ള ഉള്ളടക്കം ഉൾപ്പെടുത്താൻ നിങ്ങളെ അനുവദിക്കുക
ഇൻലൈൻ ഫ്രെയിമുകൾ, സാധാരണയായി "iframes" എന്ന് പറയാം, HTML5 ൽ അനുവദിച്ചിട്ടുള്ള ഏക ഫ്രെയിമാണ്. ഈ ഫ്രെയിമുകൾ പ്രധാനമായും നിങ്ങളുടെ പേജിന്റെ ഒരു ഭാഗമാണ്, നിങ്ങൾ "മുറിക്കുക". നിങ്ങൾ പേജിൽ നിന്നും നീക്കം ചെയ്ത സ്ഥലത്ത് നിങ്ങൾക്ക് ഒരു ബാഹ്യ വെബ്പേജിൽ ഫീഡ് ചെയ്യാവുന്നതാണ്. സാരാംശത്തിൽ, ഒരു iframe എന്നത് നിങ്ങളുടെ വെബ് പേജിന് അകത്തുള്ള മറ്റൊരു ബ്രൗസർ വിൻഡോയാണ്. Google മാപ്സ് അല്ലെങ്കിൽ YouTube- ൽ നിന്നുള്ള ഒരു വീഡിയോ പോലുള്ള ബാഹ്യ ഉള്ളടക്കങ്ങൾ ഉൾപ്പെടുത്തേണ്ട വെബ്സൈറ്റുകളിൽ സാധാരണയായി ഉപയോഗിക്കപ്പെടുന്ന iframes നിങ്ങൾ കാണുക.
ആ ജനപ്രിയ വെബ്സൈറ്റുകളിൽ രണ്ടെണ്ണം അവരുടെ എംബെഡ് കോഡിലെ iframes ഉപയോഗിക്കുന്നു.
IFRAME എലമെന്റ് എങ്ങനെയാണ് ഉപയോഗിക്കുക
മൂലകം HTML5 ഗ്ലോബൽ ഘടകങ്ങളും അതുപോലെ മറ്റ് പല ഘടകങ്ങളും ഉപയോഗിക്കുന്നു. നാല് HTML പ്രമാണങ്ങളിൽ നാല് ഉം ആട്രിബ്യൂട്ടുകൾ:
- - ഫ്രെയിമിന്റെ ഉറവിടത്തിനുള്ള URL
- -ജാലകത്തിന്റെ ഉയരം
- - ജാലകത്തിന്റെ വീതി
- -ജാലകത്തിന്റെ പേരു്
മൂന്ന് പേരിൽ പുതിയതാണ് HTML5:
- srcdoc - ഫ്രെയിമിന്റെ ഉറവിടത്തിനുള്ള HTML. Src ആട്രിബ്യൂട്ടിൽ ഏതെങ്കിലും URL- യേക്കാൾ ഈ ആട്രിബ്യൂട്ട് പ്രാധാന്യം നൽകുന്നു
- സാൻഡ്ബോക്സ്-ഫ്രെയിം വിൻഡോയിൽ അനുവദനീയമോ അനുവദനീയമല്ലാത്തതോ ആയ സവിശേഷതകളുടെ പട്ടിക
- seamless-iframe റിയർഡ് ചെയ്യേണ്ട ഉപയോക്തൃ ഏജന്റ് അത് പ്രത്യക്ഷത്തിൽ ഭാഗമായി രേഖയുടെ ഭാഗമാണ്
ഒരു ലളിതമായ iframe നിർമ്മിക്കാൻ, നിങ്ങൾ ഉറവിട URL ഉം വീതിയും ഉയരവും സജ്ജമാക്കുക:
നിങ്ങളുടെ iframe -ന്റെ ക്രമീകരണത്തിനായി പിക്സലുകൾ മൂല്യങ്ങൾ ഉപയോഗിക്കേണ്ടതില്ലെന്ന് പ്രത്യേകം ശ്രദ്ധിക്കുക, എന്നാൽ പകരം ഒരു ശതമാനം ഉപയോഗിക്കാൻ തീരുമാനിച്ചേക്കാം.
നിങ്ങൾ പ്രതികരിക്കുന്ന വെബ്സൈറ്റ് പ്രതികരിക്കുന്നെങ്കിൽ വ്യത്യസ്ത വലുപ്പത്തിലുള്ള വലുപ്പത്തിലുള്ള വലുപ്പം മാറ്റുക, ഈ ശതമാനക്കണക്കുകൾ പ്രധാനപ്പെട്ടതായിരിക്കും.
എച്ച്ടിഎംഎൽ 4.01 ൽ സാധുതയുള്ള ചില ആട്രിബ്യൂട്ടുകൾ, പക്ഷെ HTML5 ൽ കാലഹരണപ്പെട്ടതാണ്. ഇന്ന് മിക്ക വെബ്സൈറ്റുകളും HTML5 + ഉപയോഗിക്കുന്നു, ഈ ആട്രിബ്യൂട്ടുകൾ നിങ്ങൾ ഉപയോഗിക്കാനാഗ്രഹിക്കാത്തവയാണ് (എന്നാൽ ചില ലെഗസി ഡോക്യുമെന്റുകളിൽ നിങ്ങൾ കണ്ടേക്കാവുന്നവ).
- പകരം, ഒരു വിവരണത്തിലേക്ക് ലിങ്ക് ചെയ്യാൻ ഒരു എലമെന്റ് ഉപയോഗിക്കുക
- - പകരം, CSS ഫ്ലോട്ട് പ്രോപ്പർട്ടി ഉപയോഗിക്കുക
- allowtransparency -നുപകരം, ifram സുതാര്യമാക്കുന്നതിന് സി.എസ്.എസ് പശ്ചാത്തല പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുക
- -നു പകരം ബോർഡർ CSS പ്രോപ്പർട്ടി ഉപയോഗിക്കുക
- marginheight -instead, സി.എസ്.എസ് മാർജിൻ പ്രോപ്പർട്ടി ഉപയോഗിക്കുക
- മാർജിൻ വിഡ്ത്ത് - പകരം, CSS മാർജിൻ പ്രോപ്പർട്ടി ഉപയോഗിക്കുക
- പകരം, CSS ഓവർഫ്ലോ പ്രോപ്പർട്ടി ഉപയോഗിക്കുക
IFRAME ബ്രൌസർ പിന്തുണ
IFRAME ഘടകം എല്ലാ ആധുനിക ബ്രൗസറുകളും പിന്തുണയ്ക്കുന്നു:
- Android
- ക്രോം
- ഫയർഫോക്സ്
- ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ 2+
- iOS / Safari മൊബൈൽ
- നെറ്റ്സ്കേപ് 7+
- Opera 3+
- സഫാരി
മുകളിലുള്ള പട്ടികയിൽ ഒരു പതിപ്പ് നമ്പറും ദൃശ്യമാകുന്നില്ലെങ്കിൽ, അതുകൊണ്ടാണ് ആ ബ്രൗസറിലെ എല്ലാ പതിപ്പുകളും അതിനെ പിന്തുണയ്ക്കുന്നതുകാരണം.
എല്ലാ ബ്രൌസറുകളും IFRAME ഘടകം പിന്തുണയ്ക്കുന്ന സമയത്ത്, ചില HTML5 സവിശേഷതകളിൽ പരിമിതമായ പിന്തുണ ഇപ്പോഴും നിലനിൽക്കുന്നു എന്നതാണ് ഒരു കാര്യം.
- സ്ക്രോളിംഗ് ഓഫാക്കുന്നതിന് ഓവർഫ്ലോ ഉപയോഗിക്കുന്നത് വിശ്വാസയോഗ്യമല്ല. നിങ്ങളുടെ iframes ൽ സ്ക്രോൾബാറുകൾ വേണ്ടെങ്കിൽ, നിങ്ങൾ സ്ക്രോളിംഗ് ആട്രിബ്യൂട്ട് ഉപയോഗിക്കുന്നത് തുടരണം.
- Srcdoc, സാൻഡ്ബോക്സ്, തടസ്സമില്ലാത്ത ആട്രിബ്യൂട്ടുകൾ എന്നിവ ഇപ്പോൾ ഏതെങ്കിലും ബ്രൌസറുകൾക്ക് പിന്തുണയ്ക്കുന്നില്ല.
ഐഫ്രെയിമുകളുമായി ലിങ്കുചെയ്യുക
നിങ്ങളുടെ ഐഫോമിന് ഒരു നാമം അല്ലെങ്കിൽ ഐഡി നൽകുമ്പോൾ ആ ഫ്രെയിമിലെ ആട്രിബ്യൂട്ട് ഉപയോഗിച്ച് എലമെൻറിൽ നിങ്ങളുടെ ലിങ്കുകൾ ചൂണ്ടിക്കാണിക്കാൻ കഴിയും. അപ്പോൾ, ഉപയോക്താവ് ഒരു ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, നിലവിലെ വിൻഡോയെക്കാൾ പകരം റഫറൻസ് iframe ൽ തുറക്കും.
അത് സ്വയം പരീക്ഷിക്കുക. ഒരു വെബ് പേജിലേക്ക് ഇനിപ്പറയുന്നവ ടൈപ്പുചെയ്യുക:
IFRAME ൽ തുറന്ന പ്രമാണം ടാർഗെറ്റ് സെറ്റ് ചെയ്തിട്ടില്ലെങ്കിൽ, ആ ലിങ്കുകൾ എല്ലാം രക്ഷിതാവിൽ രേഖപ്പെടുത്തുന്ന അതേ iframe ൽ തുറക്കും.
ഒരേ പേജിലെ IFRAME ന്റെ ഉള്ളടക്കങ്ങൾ മാറ്റുന്നതിന് IFRAME ൽ ലിങ്കുകൾ ഉണ്ടാക്കാൻ നിങ്ങൾക്ക് ഈ സവിശേഷത ഉപയോഗിക്കാൻ കഴിയും.
IFrames ഉം Security ഉം
IFRAME ഘടകം, നിങ്ങൾക്കോ നിങ്ങളുടെ വായനക്കാർക്കോ ഒരു സുരക്ഷ റിസ്കല്ല.
ദൗർഭാഗ്യവശാൽ iframes ഒരു മോശം പ്രശസ്തി നേടുക കാരണം അവർ ഒരു സന്ദർശകൻറെ കമ്പ്യൂട്ടർ അത് പേജിൽ കാണാതെ അത് ദോഷകരമായ ഉള്ളടക്കം ഉൾപ്പെടുത്താൻ ക്ഷുദ്ര വെബ്സൈറ്റുകൾ ഉപയോഗിക്കുന്ന കഴിയും. അദൃശ്യമായ IFRAME നു ബന്ധമുള്ള ലിങ്കുകളും ആ സ്ക്രിപ്റ്റുകൾ ദ്രോഹകരമായ കോഡ് ക്രമീകരിച്ചതുമാണ് ഇത് ചെയ്യുന്നത്. ഉപയോക്താവ് ലിങ്കിൽ ക്ലിക്കുചെയ്ത് ഒന്നും സംഭവിച്ചിട്ടില്ല, കാരണം ലിങ്ക് തകരാറായതായി തോന്നുന്നു, എന്നാൽ ഒരു സ്ക്രിപ്റ്റ് അവർ കാണാനിടയില്ലാത്ത വിധം മാറ്റി.
നിങ്ങളുടെ വെബ് പേജുകളിൽ ഒരു അദൃശ്യമായ ഐഎഫ്ആർഇമെയിം നൽകുന്ന ഒരു കമ്പ്യൂട്ടർ വൈറസ് ഉണ്ട്, ഫലപ്രദമായി നിങ്ങളുടെ ബോട്ട്നെറ്റിനെ നിങ്ങളുടെ വെബ്സൈറ്റാക്കി മാറ്റും. ഇവയ്ക്ക് SQL ഇൻജക്ഷൻ , മറ്റ് ആക്രമണങ്ങളിലൂടെ ഇത് ചെയ്യാൻ കഴിയും.
നിങ്ങളുടെ വെബ് പേജിൽ ഒരു IFRAME ഉൾപ്പെടുത്തുമ്പോൾ നിങ്ങളുടെ ഉപയോക്താക്കൾ നിങ്ങൾ ലിങ്ക് ചെയ്തിട്ടുള്ള എല്ലാ സൈറ്റുകളുടെയും ഉള്ളടക്കം പോലെ സുരക്ഷിതമാണെന്ന് മാത്രമാണ്. ഒരു സൈറ്റ് വിശ്വസനീയമല്ലെന്ന് തോന്നാൻ നിങ്ങൾക്ക് കാരണമുണ്ടെങ്കിൽ, അതിനെ ഏതെങ്കിലും രീതിയിൽ ബന്ധിപ്പിക്കാൻ പാടില്ല, തീർച്ചയായും തീർച്ചയായും അതിൽ ഒരു ഉള്ളടക്കത്തെ IFRAME ൽ ഉൾപ്പെടുത്തരുത്. ഐഫോണുകളിൽ നിങ്ങളുടെ സ്വന്തം പേജുകളിലേക്ക് ലിങ്കുചെയ്യുക, എന്നിരുന്നാലും നിങ്ങളോ നിങ്ങളുടെ ഉപയോക്താക്കൾക്കോ ഒരു സുരക്ഷാ റിസ്ക് ഇല്ല.
ജെന്നിഫർ ക്രിയിൻ എഴുതിയ ലേഖനം 11/7/16 ന് ജെറമി ഗിരാർഡ് എഡിറ്റ് ചെയ്തത്