iframe முழுப் பக்கத்தைப் பயன்படுத்துவதில் உள்ள முக்கிய சிக்கல் என்னவென்றால், iframe இல் உள்ள இணைப்பைப் பயனர் கிளிக் செய்யும் வரை iframe இன் உள்ளடக்கம் ஏற்றப்படாது. இது பக்கம் ஏற்றும் நேரத்தை மெதுவாக்கலாம் மற்றும் பயனர்களுக்கு குழப்பத்தை ஏற்படுத்தலாம்.
<iframe src="http://www.fullpage.com/index.html" width="100%" height="100%"></iframe>
மேலே உள்ள குறியீட்டு வரி ஒரு iframe அல்லது இன்லைன் சட்டத்தை உருவாக்குகிறது. தற்போதைய HTML ஆவணத்தில் மற்றொரு ஆவணத்தை உட்பொதிக்க iframe பயன்படுத்தப்படுகிறது.
src பண்புக்கூறு உட்பொதிக்கப்பட வேண்டிய ஆவணத்தின் URL ஐக் குறிப்பிடுகிறது.
அகலம் மற்றும் உயரம் பண்புக்கூறுகள் iframe இன் அளவைக் குறிப்பிடுகின்றன. இயல்புநிலையாக அளவு பிக்சல்களில் குறிப்பிடப்படுகிறது, ஆனால் அது கொண்டிருக்கும் உறுப்பு அளவின் சதவீதமாகவும் குறிப்பிடலாம்.
இந்த வழக்கில், iframe அதன் கொண்டிருக்கும் உறுப்பு அகலம் மற்றும் உயரத்தில் 100% எடுக்கும்.
iframe என்றால் என்ன
?
iframe என்பது ஒரு வகையான இன்லைன் சட்டமாகும், இது வலைப்பக்கங்களை அவற்றுள் மற்ற வலைப்பக்கங்களை உட்பொதிக்க அனுமதிக்கிறது. ஐஃப்ரேம்கள் உட்பொதிக்கப்பட்ட பக்கத்தை விட்டு வெளியேறாமல், பிற இணையதளங்களிலிருந்து உள்ளடக்கத்தைக் காண்பிக்கப் பயன்படுத்தப்படுகின்றன.
iframe பண்புகள்
HTML இல் உள்ள iframe பண்புகள் ஐஃப்ரேம் எவ்வாறு காட்டப்படுகிறது என்பதைக் கட்டுப்படுத்தப் பயன்படுத்தப்படலாம்.
iframes உடன் வேலை செய்வதற்கான உதவிக்குறிப்புகள்
HTML இல் iframes உடன் பணிபுரியும் போது மனதில் கொள்ள வேண்டிய சில விஷயங்கள் உள்ளன. முதலில், iframe இன் URL ஐக் குறிப்பிட எப்போதும் src பண்புக்கூறைப் பயன்படுத்தவும். இரண்டாவதாக, உங்கள் iframe சரியாக a இல் சுற்றப்பட்டுள்ளதா என்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்
iframes தீமைகள்
HTML இல் iframes ஐப் பயன்படுத்துவதில் சில குறைபாடுகள் உள்ளன. முதலாவதாக, அவை பாதுகாப்பு அபாயமாக இருக்கலாம், ஏனெனில் தாக்குபவர் iframe இன் உள்ளடக்கத்தை அணுகினால், தீங்கிழைக்கும் குறியீட்டை இயக்க உலாவி அல்லது பக்கத்தில் உள்ள பாதிப்புகளை அவர்கள் பயன்படுத்திக் கொள்ளலாம். கூடுதலாக, iframes பக்கம் ஏற்றும் நேரத்தை மெதுவாக்கலாம் மற்றும் பக்க வழிசெலுத்தலில் தலையிடலாம்.
- தீர்க்கப்பட்டது: _blank in html
- தீர்க்கப்பட்டது: html தொலை மூலத்திலிருந்து படத்தைச் சேர்க்கவும்
- தீர்க்கப்பட்டது: html இல் இடத்தைச் சேர்க்கவும்
- தீர்க்கப்பட்டது: html இல் ஃபேவிகானைச் சேர்த்தல்
- தீர்க்கப்பட்டது: html உரையை வலதுபுறமாக சீரமைக்கவும்
- தீர்க்கப்பட்டது: தானியங்கு புதுப்பிப்பு பதிப்புரிமை ஆண்டு html
- தீர்க்கப்பட்டது: html தானியங்கு ஐபோன் வேலை செய்யவில்லை
- தீர்க்கப்பட்டது: தானியங்குவழி html
- தீர்க்கப்பட்டது: html பின்னணி படம் திரைக்கு பொருந்தும்
- தீர்க்கப்பட்டது: base64 படம் html உதாரணம்
- தீர்க்கப்பட்டது: html உடல் முழு உயரம்
- தீர்க்கப்பட்டது: பொத்தான் html href
- தீர்க்கப்பட்டது: html மைய பொத்தான்
- தீர்க்கப்பட்டது: சென்டர் p html
- தீர்க்கப்பட்டது: html சென்டர் யூடியூப் வீடியோ
- தீர்க்கப்பட்டது: html பிளேயர் வேகத்தை மாற்றவும்
- தீர்க்கப்பட்டது: html வியூபோர்ட்டை ஸ்மார்ட்போன் அளவிற்கு மாற்றவும்
- தீர்க்கப்பட்டது: html எழுத்து தாவல்
- தீர்க்கப்பட்டது: பதிப்புரிமை அடிக்குறிப்பு html குறியீடு
- தீர்க்கப்பட்டது: mailto இணைப்பை html உருவாக்கவும்
- தீர்க்கப்பட்டது: html கோடு குறியீடு
- தீர்க்கப்பட்டது: தரவுப்பட்டியல் html
- தீர்க்கப்பட்டது: html விளக்கக் குறிச்சொல்
- தீர்க்கப்பட்டது: பெயர் மற்றும் ஐடி html இடையே உள்ள வேறுபாடு
- தீர்க்கப்பட்டது: html உரைப்பெட்டியைத் திருத்துவதை முடக்கு
- தீர்க்கப்பட்டது: html ஐ முடக்கு என்டர் சமர்ப்பிக்கவும்
- தீர்க்கப்பட்டது: html படிவ உள்ளீடு தன்னியக்க நிரப்புதலை முடக்கு
- தீர்க்கப்பட்டது: html எழுத்துப்பிழை சரிபார்ப்பை முடக்கவும்
- தீர்க்கப்பட்டது: html புள்ளி சின்னம்
- தீர்க்கப்பட்டது: html இல் கீழ்தோன்றும்
- தீர்க்கப்பட்டது: html மின்னஞ்சல் இணைப்புகள்
- தீர்க்கப்பட்டது: html வெற்று எழுத்து
- தீர்க்கப்பட்டது: html நிறுவனம் ampersand மற்றும்
- தீர்க்கப்பட்டது: html நிறுவனம் மேற்கோள்
- தீர்க்கப்பட்டது: fa fa மின்னஞ்சல்
- தீர்க்கப்பட்டது: html facebook மெட்டா குறிச்சொற்கள்
- தீர்க்கப்பட்டது: fafa உள்நுழைவு சின்னங்கள் html குறியீடு
- தீர்க்கப்பட்டது: html பக்கத்திற்கான ஃபேவிகான்
- தீர்க்கப்பட்டது: ஃபேவிகான் மெட்டா
- தீர்க்கப்பட்டது: html ஃபேவிகான் டேக்
HTML மற்றும் HTML5 பற்றி எங்களுக்கு எல்லாம் தெரியும். WWW இன் அடிப்படையான இந்த மார்க்அப் மொழியின் அனைத்து சந்தேகங்களையும் சிக்கல்களையும் நாங்கள் தீர்க்கிறோம்