இன்லைன் பிரேம்களானது, பொதுவாக "ஃபிரேம்களை" குறிக்கும், HTML5 இல் அனுமதிக்கப்படும் ஒரே வகை சட்டமாகும். இந்த பிரேம்கள் உங்கள் பக்கத்தின் ஒரு பகுதியாகும், அவை "வெட்டிவிடும்". நீங்கள் பக்கத்திலிருந்து வெட்டப்பட்ட இடத்தில், வெளிப்புற வலைப்பக்கத்தில் நீங்கள் ஊட்டிவிடலாம். சாராம்சத்தில், ஒரு iframe உங்கள் வலை பக்கம் உள்ளே மற்றொரு உலாவி சாளரத்தை அமைக்க. YouTube வரைபடத்தைப் போன்ற வெளிப்புற உள்ளடக்கம் அல்லது ஒரு வீடியோ போன்ற உள்ளடக்கங்களை உள்ளடக்கிய இணையதளங்களில் பொதுவாக பயன்படுத்தப்படும் iframes ஐ பார்க்கிறீர்கள். அந்த பிரபலமான வலைத்தளங்கள் இருவரும் தங்கள் உட்பொதி குறியீட்டில் ஃபிரேம்களைப் பயன்படுத்துகின்றன.
IFRAME உறுப்பு எவ்வாறு பயன்படுத்துவது
உறுப்பு HTML5 உலகளாவிய உறுப்புகளையும் அத்துடன் பல உறுப்புகளையும் பயன்படுத்துகிறது. நான்கு HTML 4.01 இல் பண்புக்கூறுகள் உள்ளன:
- சட்டத்தின் மூலத்திற்கான URL
- - சாளரத்தின் உயரம்
- சாளரத்தின் அகலம்
- சாளரத்தின் பெயர்
மூன்று புதிய HTML5 இல்:
srcdocசட்டத்தின் மூலத்திற்கான HTML. எந்தவொரு URL க்கும் இந்த பண்புக்கூறு முன்னுரிமை அளிக்கிறதுமூலபண்புசாண்ட்பாக்ஸ்பிரேம் சாளரத்தில் அனுமதி அல்லது அனுமதிக்கப்பட வேண்டிய அம்சங்களின் பட்டியல்இசைவான-அல்லது, iframe கொடுக்கப்பட வேண்டும் என பயனர் முகவரை குறிப்பிடுகிறது, அது வெளிப்படையாக ஆவணத்தின் ஒரு பகுதியாக உள்ளது
ஒரு எளிய iframe உருவாக்க, நீங்கள் மூல URL மற்றும் அகலம் மற்றும் உயரம் அமைக்க:
உங்கள் iframe இன் அமைப்பிற்கான பிக்சல்கள் மதிப்புகளைப் பயன்படுத்த வேண்டாம் என்று தேர்வுசெய்யலாம், ஆனால் அதற்கு பதிலாக ஒரு சதவீதத்தை பயன்படுத்தலாம். நீங்கள் ஒரு பதிலளிக்க வலைத்தளத்தை உருவாக்கினால், அதன் அளவு வெவ்வேறு அளவுகளில் மாற்றப்பட வேண்டும், இந்த சதவீதங்கள் முக்கியமானவை.
HTML 4.01 இல் செல்லுபடியான சில பண்புக்கூறுகள் உள்ளன, ஆனால் HTML5 இல் அவை வழக்கற்றுப் போகின்றன. இன்றைய பெரும்பாலான வலைத்தளங்கள் HTML5 + ஐ பயன்படுத்துகின்றன என்பதால், இந்த பண்புக்கூறுகள் நீங்கள் பயன்படுத்த விரும்பாதவையாகும் (ஆனால் நீங்கள் சில மரபு ஆவணங்களில் காணலாம்).
- -அதாவது, ஒரு பயன்படுத்த
ஒருவிளக்கம் இணைக்க உறுப்பு - - பதிலாக, CSS ஐப் பயன்படுத்தவும்
மிதவைசொத்து allowtransparency- பதிலாக, CSS ஐப் பயன்படுத்தவும்பின்னணிifram வெளிப்படையான செய்ய சொத்து- - அதற்கு பதிலாக பயன்படுத்தவும்
எல்லைCSS சொத்து marginheight- பதிலாக, CSS ஐப் பயன்படுத்தவும்விளிம்புசொத்துmarginwidth- பதிலாக, CSS ஐப் பயன்படுத்தவும்விளிம்புசொத்து- - பதிலாக, CSS ஐப் பயன்படுத்தவும்
வழிதல்சொத்து
IFRAME உலாவி ஆதரவு
தி IFRAME மற்று உறுப்பு அனைத்து நவீன உலாவிகளாலும் ஆதரிக்கப்படுகிறது:
- அண்ட்ராய்டு
- குரோம்
- பயர்பாக்ஸ்
- Internet Explorer 2+
- iOS / சஃபாரி மொபைல்
- நெட்ஸ்கேப் 7+
- ஓபரா 3+
- சபாரி
மேலே உள்ள பட்டியலில் எந்த பதிப்பு எண் காட்டப்படவில்லை என்றால், அந்த உலாவியின் அனைத்து பதிப்புகள் ஆதரிக்கின்றன.
எச்சரிக்கையாக இருக்க ஒரு விஷயம் என்று அனைத்து உலாவிகளில் ஆதரவு போது IFRAME மற்று உறுப்பு, HTML5 அம்சங்கள் சில இன்னும் குறைந்த ஆதரவு உள்ளது.
- பயன்படுத்தி
வழிதல்ஸ்க்ரோலிங் அணைக்க நம்பகமானதாக இல்லை. உங்கள் ஃபிரேம்களை ஸ்க்ரோல்பர்களை விரும்பவில்லை என்றால், தொடர்ந்து பயன்படுத்த வேண்டும்உருட்டுதல்காரணம் காட்டுகிறார்கள். - தி
srcdoc,சாண்ட்பாக்ஸ், மற்றும்இசைவானஇந்த உலாவிகளில் பண்புக்கூறுகள் தற்போது ஆதரிக்கப்படவில்லை.
ஃபிரேம்களை இணைக்கும்
உங்கள் ஃபிரேம்களைக் கொடுக்கும் போது பெயர் அல்லது ஐடி அந்தக் கட்டத்தில் அந்தக் கட்டத்தில் உங்கள் இணைப்புகளை நீங்கள் சுட்டிக்காட்டலாம் ஒரு உறுப்பு. பின்னர், பயனர் ஒரு இணைப்பை சொடுக்கும் போது, அது தற்போதைய சாளரத்தை விட குறிப்பிடப்பட்ட iframe உள்ளே திறக்கும்.
அதை நீங்களே முயற்சி செய்யுங்கள். வலைப்பக்கத்தில் பின்வருவனவற்றைத் தட்டச்சு செய்க:
இது என் iframe ஆகும்
இந்த இணைப்பை கிளிக் செய்தால், மேலே உள்ள சாளரத்தில் ஒரு புதிய ஆவணத்தை திறக்கும்.
ஐடி = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
ஆவணம் திறக்கப்பட்டால் IFRAME மற்று எந்த இலக்குகளும் அமைக்கப்படவில்லை, பின்னர் அந்த இணைப்புகளும் அதே பெற்றோர் ஆவணத்தில் அதே iframe இல் திறக்கும்.
நீங்கள் ஒரு இணைப்பை உருவாக்க இந்த அம்சத்தை பயன்படுத்தலாம் IFRAME மற்று மற்றொரு உள்ளடக்கங்களை மாற்ற IFRAME மற்று அதே பக்கத்தில்.
IFrames மற்றும் பாதுகாப்பு
தி IFRAME மற்று உறுப்பு, தானாகவே உங்களுக்கு அல்லது உங்களுடைய வாசகர்களுக்கு பாதுகாப்பு ஆபத்து அல்ல. துரதிர்ஷ்டமான iframes ஒரு மோசமான நற்பெயரை பெற்றுள்ளன ஏனெனில் அவர்கள் பக்கம் பார்வையிடாமல் பார்வையாளர் கணினி பாதிக்கக்கூடிய உள்ளடக்கம் சேர்க்க தீங்கிழைக்கும் வலைத்தளங்களால் பயன்படுத்த முடியும். இது கண்ணுக்கு தெரியாத இணைப்புகளை சுட்டிக்காட்டுவதன் மூலம் செய்யப்படுகிறது IFRAME மற்று மற்றும் அந்த ஸ்கிரிப்டை தீங்கிழைக்கும் குறியீடு அமைக்க. பயனர் இணைப்பைக் கிளிக் செய்து, இணைப்பை உடைக்கவில்லை என்று நினைத்து, எதுவும் நடக்கவில்லை, ஆனால் ஒரு ஸ்கிரிப்ட் அவர்கள் அதை பார்க்க முடியாத இடமாக அமைக்கப்பட்டது.
ஒரு கண்ணுக்கு தெரியாத வகையில் கணினி வைரஸ்கள் உள்ளன IFRAME மற்று உங்கள் இணைய பக்கங்களில், திறம்பட உங்கள் வலைத்தளத்தை ஒரு botnet இல் திருப்புதல். அவர்கள் SQL ஊசி மற்றும் பிற தாக்குதல்களால் இதை செய்ய முடியும்.
ஒரு உட்பட போது நினைவில் கொள்ள வேண்டிய விஷயம் IFRAME மற்று உங்கள் வலைப்பக்கத்தில் நீங்கள் இணைத்த அனைத்து தளங்களின் உள்ளடக்கம் போல உங்கள் பயனர்கள் பாதுகாப்பாக உள்ளனர். ஒரு தளம் நம்பத்தகாததாக இருப்பதாக உணர்ந்தால், அதை எந்த விதத்திலும் இணைக்காதீர்கள் மற்றும் மிகவும் கண்டிப்பாக அதன் உள்ளடக்கங்களை IFRAME மற்று. எனினும், உங்கள் சொந்த பக்கங்களுக்கு ஃபிரேம்களை இணைக்கிறீர்கள், எனினும், உங்களுக்கோ உங்கள் பயனர்களுக்கோ பாதுகாப்பு ஆபத்து இல்லை.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 11/7/16 அன்று ஜெர்மி கிரார்ட் திருத்தப்பட்டது
