இன்லைன் ஃப்ரேம்ஸ் உங்கள் பக்கங்களில் உள்ள வெளிப்புற ஆதாரங்களில் இருந்து உள்ளடக்கத்தை சேர்க்க உங்களை அனுமதிக்கிறது
இன்லைன் பிரேம்களானது, பொதுவாக "ஃபிரேம்களை" குறிக்கும், HTML5 இல் அனுமதிக்கப்படும் ஒரே வகை சட்டமாகும். இந்த பிரேம்கள் உங்கள் பக்கத்தின் ஒரு பகுதியாகும், அவை "வெட்டிவிடும்". நீங்கள் பக்கத்திலிருந்து வெட்டப்பட்ட இடத்தில், வெளிப்புற வலைப்பக்கத்தில் நீங்கள் ஊட்டிவிடலாம். சாராம்சத்தில், ஒரு iframe உங்கள் வலை பக்கம் உள்ளே மற்றொரு உலாவி சாளரத்தை அமைக்க. YouTube வரைபடத்தைப் போன்ற வெளிப்புற உள்ளடக்கம் அல்லது Google வரைபடத்தைப் போன்ற உள்ளடக்கங்களை உள்ளடக்கிய வலைத்தளங்களில் பொதுவாக பயன்படுத்தப்படும் ஃபிரேம்களை நீங்கள் பார்க்கிறீர்கள்.
அந்த பிரபலமான வலைத்தளங்கள் இருவரும் தங்கள் உட்பொதி குறியீட்டில் ஃபிரேம்களைப் பயன்படுத்துகின்றன.
IFRAME உறுப்பு எவ்வாறு பயன்படுத்துவது
உறுப்பு HTML5 உலகளாவிய உறுப்புகளையும் அத்துடன் பல உறுப்புகளையும் பயன்படுத்துகிறது. நான்கு HTML 4.01 இல் பண்புக்கூறுகள் உள்ளன:
- சட்டத்தின் மூலத்திற்கான URL
- - சாளரத்தின் உயரம்
- சாளரத்தின் அகலம்
- சாளரத்தின் பெயர்
மூன்று புதிய HTML5 இல்:
- srcdoc - சட்டத்தின் மூலத்திற்கான HTML. இந்த பண்புக்கூறு src கற்பிதத்தில் எந்த URL க்கும் முன்னுரிமை அளிக்கிறது
- சாண்ட்பாக்ஸ் - சட்ட சாளரத்தில் அனுமதி அல்லது அனுமதிக்கப்பட வேண்டிய அம்சங்களின் பட்டியல்
- seamless -இது பயனர் முகவரை, iframe ஐ காண்பிக்க வேண்டும், அது வெளிப்படையாக பெற்றோர் ஆவணம்
ஒரு எளிய iframe உருவாக்க, நீங்கள் மூல URL மற்றும் அகலம் மற்றும் உயரம் அமைக்க:
உங்கள் iframe இன் அமைப்பிற்கான பிக்சல்கள் மதிப்புகளைப் பயன்படுத்த வேண்டாம் என்று தேர்வுசெய்யலாம், ஆனால் அதற்கு பதிலாக ஒரு சதவீதத்தை பயன்படுத்தலாம்.
நீங்கள் ஒரு பதிலளிக்க வலைத்தளத்தை உருவாக்கினால், அதன் அளவு வெவ்வேறு அளவுகளில் மாற்றப்பட வேண்டும், இந்த சதவீதங்கள் முக்கியமானவை.
HTML 4.01 இல் செல்லுபடியான சில பண்புக்கூறுகள் உள்ளன, ஆனால் HTML5 இல் அவை வழக்கற்றுப் போகின்றன. இன்றைய பெரும்பாலான வலைத்தளங்கள் HTML5 + ஐ பயன்படுத்துகின்றன என்பதால், இந்த பண்புக்கூறுகள் நீங்கள் பயன்படுத்த விரும்பாதவையாகும் (ஆனால் நீங்கள் சில மரபு ஆவணங்களில் காணலாம்).
- -ஒருபயனாக ஒரு விளக்கத்தை இணைக்க ஒரு உறுப்பு பயன்படுத்தவும்
- -இதில், CSS மிதவை சொத்து பயன்படுத்த
- allowtransparency -instead, ifram வெளிப்படையான செய்ய CSS பின்னணி சொத்து பயன்படுத்த
- அதற்கு பதிலாக எல்லை CSS சொத்து பயன்படுத்த
- marginheight -instead, CSS margin சொத்து பயன்படுத்த
- marginwidth - பதிலாக, CSS விளிம்பு சொத்து பயன்படுத்த
- - பதிலாக, CSS வழிதல் சொத்து பயன்படுத்த
IFRAME உலாவி ஆதரவு
IFRAME உறுப்பு அனைத்து நவீன உலாவிகளாலும் ஆதரிக்கப்படுகிறது:
- அண்ட்ராய்டு
- குரோம்
- பயர்பாக்ஸ்
- Internet Explorer 2+
- iOS / சஃபாரி மொபைல்
- நெட்ஸ்கேப் 7+
- ஓபரா 3+
- சபாரி
மேலே உள்ள பட்டியலில் எந்த பதிப்பு எண் காட்டப்படவில்லை என்றால், அந்த உலாவியின் அனைத்து பதிப்புகள் ஆதரிக்கின்றன.
கவனத்தில் கொள்ள வேண்டிய ஒன்று, அனைத்து உலாவிகளும் IFRAME உறுப்புக்கு ஆதரவளிக்கும் போது, சில HTML5 அம்சங்களுக்கு மட்டுப்படுத்தப்பட்ட ஆதரவு உள்ளது.
- ஸ்க்ரோலிங் அணைக்க வழிதல் பயன்படுத்தி நம்பகமான அல்ல. உங்கள் ஃபிரேம்களை ஸ்க்ரோல்பார்கள் விரும்பவில்லை என்றால், ஸ்க்ரோலிங் பண்புகளைப் பயன்படுத்த வேண்டும்.
- Srcdoc, sandbox, மற்றும் seamless பண்புக்கூறுகள் எந்த நேரத்தில் உலாவிகளில் ஆதரிக்கப்படவில்லை.
ஃபிரேம்களை இணைக்கும்
உங்கள் ஃபிரேம்களை ஒரு பெயர் அல்லது ஐடியைக் கொடுக்கும்போது, அந்தக் கட்டத்தில் உங்கள் உறுப்புகளை A உறுப்பு மீது உள்ள பண்புடன் சுட்டிக்காட்டலாம். பின்னர், பயனர் ஒரு இணைப்பை சொடுக்கும் போது, அது தற்போதைய சாளரத்தை விட குறிப்பிடப்பட்ட iframe உள்ளே திறக்கும்.
அதை நீங்களே முயற்சி செய்யுங்கள். வலைப்பக்கத்தில் பின்வருவனவற்றைத் தட்டச்சு செய்க:
IFRAME இல் திறந்த ஆவணத்தில் ஏதேனும் இலக்குகள் அமைக்கப்படவில்லை என்றால், அந்த இணைப்புகளும் அதே பெற்றோர் ஆவணத்தில் அதே iframe இல் திறக்கும்.
நீங்கள் IFRAME இல் உள்ள இணைப்புகளை உருவாக்க இந்த அம்சத்தைப் பயன்படுத்தலாம், அதே பக்கத்தில் IFRAME மற்றொரு உள்ளடக்கத்தை மாற்றவும்.
IFrames மற்றும் பாதுகாப்பு
IFRAME உறுப்பு தானாகவே உங்களுக்கோ உங்கள் வாசகர்களுக்கோ பாதுகாப்பு ஆபத்து அல்ல.
துரதிர்ஷ்டமான iframes ஒரு மோசமான நற்பெயரை பெற்றுள்ளன ஏனெனில் அவர்கள் பக்கம் பார்வையிடாமல் பார்வையாளர் கணினி பாதிக்கக்கூடிய உள்ளடக்கம் சேர்க்க தீங்கிழைக்கும் வலைத்தளங்களால் பயன்படுத்த முடியும். இது கண்ணுக்கு தெரியாத IFRAME மற்றும் அந்த ஸ்கிரிப்ட்களை தீங்கிழைக்கும் குறியீட்டை அமைத்து இணைப்புகளை சுட்டிக்காட்டுவதன் மூலம் செய்யப்படுகிறது. பயனர் இணைப்பைக் கிளிக் செய்து, இணைப்பை உடைக்கவில்லை என்று நினைத்து, எதுவும் நடக்கவில்லை, ஆனால் ஒரு ஸ்கிரிப்ட் அவர்கள் அதை பார்க்க முடியாத இடமாக அமைக்கப்பட்டது.
உங்கள் இணைய பக்கங்களில் ஒரு கண்ணுக்கு தெரியாத ஐ.ஜி.ஆர்.ஆர்.எம்.ஐ புகுத்தக்கூடிய கணினி வைரஸ்கள் உள்ளன, அவை உங்கள் வலைத்தளத்தை ஒரு போட்னெட்டில் திறக்கின்றன. அவர்கள் SQL ஊசி மற்றும் பிற தாக்குதல்களால் இதை செய்ய முடியும்.
உங்கள் வலைப்பக்கத்தில் IFRAME ஐ சேர்க்கும்போது, உங்கள் பயனர்கள் நீங்கள் இணைக்கப்பட்டுள்ள அனைத்து தளங்களின் உள்ளடக்கம் போல பாதுகாப்பாக உள்ளனர் என்பதை நினைவில் கொள்ளுங்கள். ஒரு தளம் நம்பமுடியாததாக இருப்பதாக உணர்ந்தால், அதை எந்த விதத்திலும் இணைக்காதீர்கள், மிகச் சரியாக ஒரு உள்ளடக்கத்தை IFRAME இல் சேர்க்க வேண்டாம். எனினும், உங்கள் சொந்த பக்கங்களுக்கு ஃபிரேம்களை இணைக்கிறீர்கள், எனினும், உங்களுக்கோ உங்கள் பயனர்களுக்கோ பாதுகாப்பு ஆபத்து இல்லை.
ஜெனிபர் கிரைனின் அசல் கட்டுரை. 11/7/16 அன்று ஜெர்மி கிரார்ட் திருத்தப்பட்டது