செயலில் உள்ள விளம்பர அமைப்புகள் சட்டகம் அல்லது iframe. iFrame என்றால் என்ன? வலை பகுப்பாய்வு மற்றும் கட்டமைக்கப்பட்ட பக்கம்
12/15/16 7K
உறுப்பு
சட்டங்கள்
அது என்ன செய்யும்
HTML பக்கத்தில் ஒரு பக்கத்தை எவ்வாறு செருகுவது? இதைச் செய்ய, நீங்கள் பயன்படுத்த வேண்டும்
காட்சி
காட்சி தொகுதி.
எடுத்துக்காட்டு குறியீடு
சக்திவாய்ந்த ஆனால் பயன்படுத்த எளிதானது
மோசமான பழைய நாட்களில் வலை வடிவமைப்பு நிறைய இருந்தது ஒவ்வொரு டெவலப்பரின் வாழ்க்கையையும் கெடுக்கும் கூறுகள். அவை எப்போதும் மோசமான வடிவமைப்பு அணுகுமுறையாகவே இருந்தன. அதிர்ஷ்டவசமாக, உறுப்பு HTML5 இல் நிறுத்தப்பட்டது. ஆனாலும்
ஒற்றுமைகள் மற்றும் வேறுபாடுகள்
இந்த இரண்டு கூறுகளும் ஒரு தனி HTML ஆவணத்தை உருவாக்க உங்களை அனுமதிக்கின்றன. தற்போதைய இணையப் பக்கத்தால் குறிப்பிடப்பட்ட ஆவணத்தின் உள்ளடக்கத்திற்கான இணைப்பு src பண்புக்கூறில் குறிப்பிடப்பட்டுள்ளது.
இடையே உள்ள முக்கிய வேறுபாடு
வீடியோ HTML பக்கத்தில் தெளிவாக உள்ளது மற்றும் தனி பேனலில் இல்லை. உறுப்பு இந்த முன்னுதாரணத்தை உடைத்து, ஆவணத்தை உலாவி சாளரத்தின் மீது கட்டுப்பாட்டைப் பயன்படுத்த அனுமதித்தது, அதை பல சிறிய பேனல்களாக (பிரேம்கள்) உடைத்து, ஒவ்வொன்றும் ஒரு தனி ஆவணத்தைக் காட்டுகிறது. இந்த அடிப்படை வேறுபாட்டிற்கு இடையேயான மற்றும் பின்பற்றும் மற்ற அனைத்து வேறுபாடுகளும்.
ஃப்ரேம் அடிப்படையிலான தளவமைப்புகளை iframes மூலம் ரீமேக் செய்ய வேண்டாம்
சட்டங்களைப் பயன்படுத்தி உருவாக்கப்பட்ட பழைய இணையதளத்தைப் புதுப்பிக்கும் பணியை ஒருநாள் நீங்கள் எதிர்கொள்ள நேரிடலாம். நீங்கள் பயன்படுத்த விரும்பலாம் மற்றும் சுயாதீன பேனல்கள் மற்றும் சில்ல்களின் அதே கனவை மீண்டும் உருவாக்க ஒரு நிலையான தளவமைப்பு அகலம். ஆனால் நீங்கள் ஒரு தனி ஃப்ரேமில் இணைப்பைத் திறக்க இலக்கு பண்புக்கூறைப் பயன்படுத்த முடியாது. நீங்கள் ஜாவாஸ்கிரிப்ட் தீர்வுகளைத் தேட ஆரம்பிக்கலாம். தயவு செய்து அப்படி செய்யாதீர்கள்.
நல்ல (மற்றும் பயங்கரமான) பயன்பாடுகள்
பல சரியான பயன்பாட்டு வழக்குகள் உள்ளன HTML பக்கத்தை உருவாக்க:
மூன்றாம் தரப்பு ஊடக உள்ளடக்கத்தை உட்பொதித்தல்;
குறுக்கு-தளம் ஆவணம் மூலம் உங்கள் சொந்த ஊடக உள்ளடக்கத்தை உட்பொதித்தல்;
குறியீட்டு எடுத்துக்காட்டுகளை உட்பொதித்தல்;
மூன்றாம் தரப்பு "ஆப்லெட்களை" பணம் செலுத்தும் வடிவங்களாக உட்பொதித்தல்.
சில பயங்கரமான பயன்பாட்டு வழக்குகள் இங்கே: :
புகைப்பட தொகுப்பு;
மன்றம் அல்லது அரட்டை.
நீங்கள் சுயாதீனமான, முன்பே இருக்கும் HTML ஆவணங்களை தற்போதைய ஆவணத்தில் உட்பொதிக்க வேண்டும் என்றால், பயன்படுத்தவும் . நீங்கள் புதிதாக எல்லாவற்றையும் உருவாக்குகிறீர்கள் என்றால், பக்க வடிவமைப்பை பல தனித்தனி ஆவணங்களாகப் பிரிக்க எந்த காரணமும் இல்லை. குறிப்பாக அவை உண்மையில் சுயாதீனமான உள்ளடக்கம் இல்லை என்றால்.
iframe பண்புக்கூறுகள்
பண்பு பெயர்
பொருள்
விளக்கம்
மணல் பெட்டி
அனுமதி-ஒரே தோற்றம் மேல் வழிசெலுத்தலை அனுமதி அனுமதி-படிவங்கள் அனுமதி-ஸ்கிரிப்டுகள்
சட்டத்தில் ஏற்றப்பட்ட உள்ளடக்கத்தில் பல கட்டுப்பாடுகளை அமைக்கிறது. முன் அமைக்கவும் ஒரு HTML பக்கத்தை எப்படி உருவாக்குவது.
ஸ்க்ரோலிங்
ஆம் ஆட்டோ இல்லை
சட்டத்தில் சுருள்களைக் காட்ட வேண்டுமா இல்லையா என்பதைத் தீர்மானிக்கிறது. HTML5 இல் நிராகரிக்கப்பட்டது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
பெயர்
பெயர்
சட்டத்தின் பெயரைக் குறிப்பிடுகிறது.
சீரமைக்கவும்
இடது வலது மேல் நடுத்தர கீழே
சுற்றியுள்ள உறுப்புகளுடன் தொடர்புடைய சட்டத்தின் சீரமைப்பை தீர்மானிக்கிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
சட்ட எல்லை
ஆம் (அல்லது 1) இல்லை
சட்டத்தைச் சுற்றி ஒரு பார்டரின் காட்சியை இயக்கப் பயன்படுகிறது. HTML5 இல் நிராகரிக்கப்பட்டது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
longdesc
URL
சட்டகத்தின் உள்ளடக்கங்களின் நீண்ட விளக்கத்தைக் கொண்ட பக்கத்தின் URL ஐக் குறிப்பிடப் பயன்படுகிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
விளிம்பு அகலம்
பிக்சல்கள்
உள்ளடக்கத்திலிருந்து சட்ட எல்லை வரை திணிப்பின் அகலத்தைக் கட்டுப்படுத்தப் பயன்படுகிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
src
URL
IFRAME இல் காண்பிக்க வேண்டிய ஆவண URL ஐக் குறிப்பிடுகிறது.
vspace
பிக்சல்கள்
சட்டகத்திலிருந்து சுற்றியுள்ள உள்ளடக்கத்திற்கு செங்குத்து விளிம்புகளை அமைக்கிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
அகலம்
பிக்சல்கள் %
HTML பக்கத்தில் சட்டத்தின் அகலத்தை வரையறுக்கிறது.
இந்த வெளியீடு " என்ற கட்டுரையின் மொழிபெயர்ப்பாகும். ", நட்பு திட்டக் குழுவால் தயாரிக்கப்பட்டது
Affiliate Iframe என்பது உங்கள் தளத்தின் தோற்றத்தை எந்த வகையிலும் பாதிக்காத ஒரு வகையான விளம்பரமாகும். அதாவது, பேனர்கள், பாப்-அப்கள் அல்லது பிற எரிச்சலூட்டும் சாளர பார்வையாளர்கள் இருக்காது. உங்கள் தளத்திற்கு வருபவர்களுக்கு துல்லியமாக பணம் வழங்கப்படும். அதன்படி, வருகை அதிகமாக இருப்பது விரும்பத்தக்கது. வருமானம் பார்வையாளர் உங்களிடம் வந்த இடத்தைப் பொறுத்தது (தேடுபொறிகள், புக்மார்க்குகள் போன்றவை). நிச்சயமாக, இலக்கு பார்வையாளர்கள், அதாவது, தேடுபொறிகளில் இருந்து வந்தவர்கள், சிறந்த பணம் செலுத்துகிறார்கள். பார்வையாளர் எந்த நாட்டிலிருந்து வந்தார் என்பதும் ஒரு பாத்திரத்தை வகிக்கிறது.
இந்த வகை விளம்பரத்தின் நன்மை தீமைகளைப் பார்ப்போம்:
நன்மை:
நிறுவ எளிதானது. தளத்தின் அனைத்து (அல்லது அனைத்து அல்ல) பக்கங்களிலும் நீங்கள் இணை குறியீட்டை நிறுவ வேண்டும்.
செயலற்ற வருமானம். அதாவது, உங்கள் தளத்தைப் பார்வையிடும் ஒவ்வொரு பயனருக்கும், பணம் வரவு வைக்கப்படும், நீங்கள் எதுவும் செய்ய வேண்டியதில்லை.
எரிச்சலூட்டும் பேனர்கள் இல்லை அல்லது .
பெரும்பாலும், எந்த தளமும் ஏற்றுக்கொள்ளப்படுகிறது.
ATS, autosurfing, axleboxes மற்றும் பலவற்றிலிருந்து போக்குவரத்தை அவர்கள் ஏற்றுக்கொள்கிறார்கள்.
பரிந்துரை திட்டம்.
குறைபாடுகள்:
வைரஸ்கள். சில துணை ஐஃப்ரேம்களில் (குறிப்பாக விளம்பரதாரர் தளங்கள்) வைரஸ்கள் உள்ளன, ஆனால் பெரும்பாலும் உங்கள் துணைக் கணக்கிலிருந்து வைரஸ் தளத்தைத் தடை செய்யலாம்.
வழிமாற்றுகள். சில நேரங்களில் ஆபாச தளங்களுக்கு வழிமாற்றுகள் ஏற்படும்.
iframe துணை நிறுவனங்களின் பட்டியல்:
- இந்த வகையான பழமையான துணை நிரல் மற்றும் சிறந்தது. வைரஸ்கள் உள்ள தளங்களை நீங்கள் தடை செய்யலாம். மேலும், புதிய தளத்தைச் சேர்க்கும் போது, "மதிப்பீட்டாளர்களால் சரிபார்க்கப்படாத எனது தளத்தில் ஆதாரங்களை இடுகையிடு" என்ற பெட்டியைத் தேர்வுசெய்ய வேண்டாம் என்று நான் உங்களுக்கு அறிவுறுத்துகிறேன். வருமானம் குறைவாக இருக்கும், ஆனால் வைரஸ்கள் இருக்காது, இருப்பினும் உங்கள் தளம் பணம் சம்பாதிக்க மட்டுமே உருவாக்கப்பட்டது என்றால், வருமானத்தை அதிகரிப்பது நல்லது. 1000 தனிப்பட்ட வருகைகளுக்கு போக்குவரத்து செலவு 0.50 - 0.70 $. எந்த தளங்களும் ஏற்றுக்கொள்ளப்படுகின்றன. இதேபோன்ற பிற துணை நிரல்களை விட முக்கிய நன்மை கோரிக்கையின் பேரில் உடனடி பணம் என்று நான் கருதுகிறேன், அதாவது, நீங்கள் ஒரு கட்டணத்தை ஆர்டர் செய்ய வேண்டும் (குறைந்தபட்ச ஊதியம் இல்லை) அது ஒரு நிமிடத்திற்குள் வந்துவிடும்.
— iframe விளம்பரத்திற்கு கூடுதலாக, பிற வடிவங்கள் உள்ளன, எடுத்துக்காட்டாக, popunder. கட்டணம்: கிளிக்அண்டர் - 1000 தனிப்பட்ட மாற்றங்களுக்கு 1wmz (சீனாவைத் தவிர அனைத்து நாடுகளும்), ரஷ்யாவில் இருந்து 1000 தனிப்பட்ட மாற்றங்களுக்கு 3wmz மற்றும் பிற நாடுகளுக்கு 0.8wmz, மறைக்கப்பட்ட மாற்றங்கள் - 1wmz (சீனாவைத் தவிர) மற்றும் iframe - 1000க்கு 0.5-1.5wmz பார்வையாளர்கள் (விலை சரிசெய்யப்படலாம்). 48 மணிநேரத்திற்குள் கோரிக்கையின் பேரில் திரும்பப் பெறுவதற்கான குறைந்தபட்சத் தொகை 3wmz ஆகும். ஆட்டோ பேஅவுட்கள் அதே வழியில் செயல்படுகின்றன. பரிந்துரை திட்டம் - 5%. கணினியில் ICQ ரோபோ (88-25-28) உள்ளது, இது உங்கள் புள்ளிவிவரங்கள், மாற்றங்கள் போன்றவற்றைப் பற்றி உங்களுக்குத் தெரிவிக்கும்.
- பழைய iframe இணைப்பு திட்டம். அவர்கள் போக்குவரத்தின் தரம் மற்றும் வெப்மாஸ்டர்களின் செயல்பாட்டை மிகவும் தீவிரமாக எடுத்துக்கொள்கிறார்கள். நீங்கள் செயலில் இல்லை என்றால், உங்கள் கணக்கு நீக்கப்படலாம். உங்கள் தளம் ஏற்றுக்கொள்ளப்பட வேண்டுமானால், ஒரு நாளைக்கு குறைந்தது 100 பார்வையாளர்கள் வர வேண்டும். குறைந்தபட்ச பேஅவுட் தொகை $1 ஆகும். 1000 தனித்துவங்களுக்கான கட்டணம் - ரஷ்யாவிலிருந்து 0.7$, உக்ரைனிலிருந்து 0.3$, 0.25$ பெலாரஸ், 0.05$ மற்றவை.
தனிப்பட்ட முறையில், நான் iframe துணை நிரல்களுடன் ஒத்துழைக்கவில்லை, ஆனால் ஆரம்பநிலைக்கு இது சரியானது.
வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்கள். இன்று நாம் HTML இல் சட்டங்களைப் பற்றி பேசுவோம். ஆரம்பத்திலிருந்தே தொடங்குவோம் என்பது தெளிவாகிறது, அதாவது இது எந்த வகையான விலங்கு. ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழியின் தற்போதைய பதிப்பு மற்றும் புதிய Html 5 தரநிலையில் இந்த உறுப்புகளின் தற்போதைய (பிரேம்) மற்றும் எதிர்கால (இஃப்ரேம்) பற்றியும் பேசுவோம்.
கட்டுரையின் முடிவில், Html குறியீட்டில் உள்ளமைக்கப்பட்ட பிரேம்கள் மற்றும் அவற்றின் உன்னதமான கட்டமைப்பை உருவாக்கும் செயல்முறையின் விரிவான விளக்கத்திற்குப் பிறகு (ஏற்கனவே அரிதாகவே பயன்படுத்தப்படுகிறது), அவற்றில் ஒரு தளத்தை உருவாக்குவதன் பொருத்தத்தை நாங்கள் தொடுவோம், மேலும் சாத்தியமானதைப் பற்றி விவாதிப்போம். எனது வலைப்பதிவின் உதாரணத்தைப் பயன்படுத்தி தற்போதைய காலகட்டத்தில் அவற்றைப் பயன்படுத்துவதற்கான வழிகள்.
அது என்ன, இஃப்ரேம் சட்டத்திலிருந்து எப்படி வேறுபடுகிறது?
அது என்ன? அவை வலைத்தளங்களில் மட்டுமல்ல, நிரல்களுக்கான எந்தவொரு பயன்பாடுகளிலும் பயன்படுத்தப்படலாம் என்று மாறிவிடும், ஆனால் ஒரு வலைப்பக்கம் அல்லது பயன்பாட்டின் சாளரம் பல பகுதிகளாகப் பிரிக்கப்படும், ஒவ்வொன்றிலும் ஒரு தனி ஆவணம் ஏற்றப்படும். . மேலும், இந்த பிரேம் பகுதிகள் ஒருவருக்கொருவர் சுயாதீனமாக செயல்படுகின்றன.
உங்கள் கணினியில் நிறுவப்பட்ட பல நிரல்களைக் கொண்ட உதவிக் கோப்புகள் என்று அழைக்கப்படுபவை, நீங்கள் அனைவரும் சந்தித்த, அவற்றின் பயன்பாட்டின் மிகத் தெளிவான உதாரணம்.
உதவி மெனுவுடன் கூடிய கோப்பு இடது சாளரத்தில் ஏற்றப்படும், மேலும் தேர்ந்தெடுக்கப்பட்ட மெனு உருப்படியுடன் தொடர்புடைய ஆவணம் வலது சாளரத்தில் காட்டப்படும். வலதுபுறத்தில் புதிய ஆவணத்தைத் திறக்கும்போது இடது சாளரத்தில் மெனுவுடன் கோப்பை மீண்டும் ஏற்றுவதைத் தவிர்க்க இந்த அமைப்பு உங்களை அனுமதிக்கிறது என்பது குறிப்பிடத்தக்கது. இது சரியாக உள்ளது பிரேம்களைப் பயன்படுத்துவதன் முக்கிய நன்மை HTML இல்.
உண்மையில், இந்த உறுப்புகளின் பெயர் ஒரு சுயாதீன சாளரமாக விளக்கப்பட வேண்டும். பிரேம்களின் உதவியுடன், ஒரு பெரிய சாளரத்தை பல துண்டுகளாகப் பிரிக்க எங்களுக்கு வாய்ப்பு உள்ளது, இது ஒருவருக்கொருவர் தனித்தனி ஆவணங்களுக்கு (பக்கங்கள், உரைகள், படங்கள், வீடியோக்கள் போன்றவை) பெறுநர்களாக செயல்படும்.
ஹைபர்டெக்ஸ்ட் மார்க்அப் மொழியில் சட்ட அமைப்பு எவ்வாறு உருவாக்கப்படுகிறது? தற்போதைய நேரத்தில் முக்கியமாக இருக்கும் Html 4.01 தரநிலை (வகைப்பாட்டின் படி) பற்றி நாம் பேசினால், இதற்கு மூன்று கூறுகள் பயன்படுத்தப்படுகின்றன - பிரேம், ஃப்ரேம்செட் மற்றும் நோஃப்ரேம்கள்.
Iframe - Html 5 தரநிலையில் உள்ளமைக்கப்பட்ட சட்டகம்
நாம் Html 5 தரநிலையைப் பற்றி பேசினால் (எங்கள் எதிர்காலம், சில கூறுகள் ஏற்கனவே பல உலாவிகளால் ஆதரிக்கப்படுகின்றன), பின்னர் இனி ஃப்ரேம், ஃப்ரேம்செட் மற்றும் நோஃப்ரேம்ஸ் குறிச்சொற்கள் மற்றும் கிளாசிக் ஃப்ரேம் அமைப்பு இருக்காது; அதற்கு பதிலாக, இருக்கும் ஒரு ஒற்றை இஃப்ரேம் டேக் (உட்பொதிக்கப்பட்ட பிரேம்) , இதைப் பற்றி ஆரம்பத்தில் பேசுவோம், பின்னர் பதிப்பு 4.01 இலிருந்து கிளாசிக் திட்டத்தில் கவனம் செலுத்துவோம், இது உண்மையில் இப்போது பயன்பாட்டில் உள்ளது.
iframe, கீழே விவாதிக்கப்பட்ட கிளாசிக்களைப் போலன்றி, உடல் குறிச்சொல்லை ஃப்ரேம்செட் குறிச்சொற்களுடன் மாற்ற வேண்டிய அவசியமில்லை. அந்த. இந்த குறிச்சொல்லை வழக்கமான பக்கங்களில் செருகலாம், எடுத்துக்காட்டாக, ஒரு பத்தியின் உள்ளே அல்லது வேறு எங்கும். அதன் மையத்தில், இந்த உறுப்பு நாம் ஏற்கனவே கருத்தில் கொண்ட Img குறிச்சொல்லை மிகவும் ஒத்திருக்கிறது.
இது ஒரு இன்லைன் உறுப்பைப் போலவே செயல்படுவதால், மாற்றக்கூடிய உள்ளடக்கத்துடன் கூடிய இன்லைன் உறுப்பு ஆகும், ஆனால் அது காட்டுகிறது புறம்பான வெளிப்புற உள்ளடக்கம். HTML மொழியில் நான்கு கூறுகள் மட்டுமே உள்ளன - Img, Iframe, Object மற்றும் Embed. எனவே, இந்த குறிச்சொல்லின் பண்புக்கூறுகளைப் பயன்படுத்தி அளவு அமைக்கப்பட்ட பகுதியில் ஏற்றப்படும் வெளிப்புறக் கோப்பு இருப்பதை நம் ஹீரோ குறிக்கிறது.
அந்த. ஒரு இஃப்ரேம் என்பது ஒரு மடு உறுப்பு ஆகும், அதில் ஒரு வெளிப்புற பொருள் (வீடியோ போன்றவை) ஏற்றப்படும். பக்கத்தில் ஏற்றப்பட வேண்டிய இந்தக் கோப்பிற்கான பாதையைக் குறிக்க, சிறப்பு Src பண்புக்கூறைப் பயன்படுத்தவும். ஆனால் Img போலல்லாமல், Iframe உறுப்பு இணைக்கப்பட்டுள்ளது, அதாவது. ஒரு மூடும் குறிச்சொல்லும் உள்ளது:
இந்த எடுத்துக்காட்டு Youtube வீடியோ பக்கத்தில் ஒரு Iframe ஐப் பயன்படுத்தி வெளியீட்டைக் காட்டுகிறது. வெளிப்புற கோப்பு ஏற்றப்படும் சட்டத்தின் (சாளரத்தின்) பகுதியைக் கட்டுப்படுத்த, பண்புக்கூறுகள் வழங்கப்படுகின்றன. அகலம் மற்றும் உயரம், அதன் மதிப்புகள் பிக்சல்களில் குறிப்பிடப்பட்டுள்ளன:
அந்த. இந்த குறிச்சொல் சில வெளிப்புற பொருள்கள் ஏற்றப்பட்ட ஒரு பகுதியை உருவாக்குகிறது (அது உங்கள் தளத்திலிருந்து வந்ததா அல்லது வேறு ஆதாரத்திலிருந்து வந்தாலும் பரவாயில்லை). பகுதியின் அகலம் மற்றும் உயரம் அகலம் மற்றும் உயரத்தைப் பயன்படுத்தி குறிப்பிடப்படுகிறது, மேலும் Src பண்புக்கூறு இந்த பொருளுக்கான பாதையைக் குறிப்பிடுகிறது.
Iframe உறுப்பு இந்த அனைத்து பண்புகளையும் ஒரே மாதிரியான இன்லைன் குறிச்சொற்களிலிருந்து மாற்றியமைக்கப்பட்ட உள்ளடக்கத்துடன் (ஏற்கனவே மேலே குறிப்பிட்டுள்ள Img போன்றவை) பெற்றுள்ளது. சரி, அவர் படங்களிலிருந்து பண்புகளையும் எடுத்தார் Hspace மற்றும் Vspace, இது சட்டத்தின் எல்லைகளிலிருந்து அதைச் சுற்றியுள்ள உரைக்கு உள்தள்ளல்களை அமைக்க உங்களை அனுமதிக்கிறது.
உள்ளமைக்கப்பட்ட சட்டகத்தின் சீரமைப்பு Html - இல் படங்களைப் படிக்கும் போது நாம் பார்க்கக்கூடிய அதே வழியில் மேற்கொள்ளப்படுகிறது என்பதும் குறிப்பிடத்தக்கது. எல்லாம் ஒன்றே சீரமைக்கவும், ஆனால் Iframe குறிச்சொல்லுக்கு கீழே, மேல், நடுத்தர, இடது மற்றும் வலது சாத்தியமான மதிப்புகள்.
ஆனால் இந்த உறுப்பு கிளாசிக் பிரேம் கட்டமைப்பிலிருந்து ஃப்ரேம் டேக்கில் இருந்து பல பண்புகளை எடுத்தது, இதைப் பற்றி கீழே உரையில் விரிவாகப் பேசுவோம். இந்த பண்புக்கூறுகளில் பெயர் அடங்கும், இதன் மதிப்பை மதிப்பாகப் பயன்படுத்தலாம், இதன் மூலம் இணைப்பைக் கிளிக் செய்யும் போது உங்களுக்குத் தேவையான ஆவணம் இந்த சட்டகத்தின் சாளரத்தில் திறக்கும் (மேலும் கீழே படிக்கவும்).
இஃப்ரேமிலும், ஃப்ரேம்போர்டர் பண்புக்கூறு ஃபிரேம் டேக்கில் இருந்து இடம்பெயர்ந்தது, இதில் இரண்டு மதிப்புகள் மட்டுமே உள்ளன - ஒன்று 0 (சட்டத்தைச் சுற்றியுள்ள சட்டகம் காட்டப்படவில்லை) அல்லது 1 (சட்டம் தெரியும்). இயல்புநிலை மதிப்பு Frameborder=1, எனவே அதை அகற்ற நீங்கள் Frameborder="0" ஐ உள்ளிட வேண்டும்:
ஸ்க்ரோலிங் பண்புக்கூறு ஃப்ரேமில் இருந்து இந்த உறுப்பிற்கு மாற்றப்பட்டது, இது தானியங்கு மதிப்பின் இயல்புநிலை மதிப்பைக் கொண்டுள்ளது - ஃபிரேமில் உள்ள ஸ்க்ரோல் பார்கள் அதைக் காட்ட உத்தேசித்துள்ள சாளரத்தின் அளவை விட பெரியதாக இருக்கும்போது சட்டத்தில் ஸ்க்ரோல் பார்கள் தேவைப்படும்.
சரி, விளிம்பு அகலம் மற்றும் மார்ஜின்ஹைட் பண்புக்கூறுகளும் ஃபிரேம் உறுப்பிலிருந்து நகர்ந்தன. அவை உரையில் கீழே விரிவாக விவாதிக்கப்படும், ஆனால் சுருக்கமாக - சட்டத்தின் விளிம்புகளிலிருந்து அதில் வைக்கப்பட்டுள்ள உள்ளடக்கத்திற்கு அகலம் மற்றும் உயரத்தில் உள்தள்ளலை அமைக்க அவை உங்களை அனுமதிக்கின்றன.
நான் ஏற்கனவே குறிப்பிட்டுள்ளபடி, Iframe ஐப் பயன்படுத்துவதற்கான தெளிவான எடுத்துக்காட்டு:
ஒரு இணையப் பக்கத்தில் நேரடியாக இஃப்ரேமைச் செருகுவதன் மூலம், YouTube இலிருந்து வீடியோவின் வெளியீட்டைப் பெறுவீர்கள். இந்த உறுப்பு மாற்றப்பட்ட உள்ளடக்கம் மற்றும் உண்மையில் கிளாசிக் பிரேம்கள் கொண்ட இன்லைன் கூறுகளுக்கு இடையிலான குறுக்குவெட்டு என்று நாங்கள் முடிவு செய்கிறோம், அதை நாம் இப்போது விவாதிப்போம்.
ஃபிரேம் மற்றும் ஃப்ரேம்செட் குறிச்சொற்களை அடிப்படையாகக் கொண்ட பிரேம்கள் - அவற்றின் அமைப்பு
எனவே, ஒரு உன்னதமான பிரேம் கட்டமைப்பை உருவாக்குவது, நீங்கள் Html குறியீட்டில் எழுதும் தொடக்க மற்றும் மூடும் உடல் குறிச்சொல்லுக்குப் பதிலாகத் தொடங்குகிறது, இது பொதுவாக எந்த ஆவணத்திலும் இருக்க வேண்டும், அதை உறுப்பு அடிப்படையிலான கொள்கலனுடன் மாற்றுகிறது. சட்டகம்.
உடல் உறுப்பு (வழக்கமான ஆவணத்திற்கு) அல்லது ஃபிரேம்செட் (ஆவண சட்ட கட்டமைப்பை உருவாக்கும் போது) - இந்த விஷயத்தில் உடல் உறுப்பு பயன்படுத்தப்பட முடியாது என்பதே அடிப்படை புள்ளி.
பிரதானத்திற்குள் நாம் உருவாக்கும் ஒவ்வொரு சட்டமும் ஒரு தனி உறுப்பைப் பயன்படுத்தி உருவாக்கப்படுகின்றன சட்டகம். இந்த குறிச்சொல் ஒற்றை மற்றும் அதில் இந்த சாளரத்தில் ஏற்றப்படும் ஆவணத்திற்கான பாதையை அமைக்கிறோம்.
நாம் இன்னும் தொடாத மூன்றாவது உறுப்பு Noframes. இது இணைக்கப்பட்டு, உள்ளே சில உரைகளை எழுத உங்களை அனுமதிக்கிறது, இது உலாவியால் செயலாக்கப்படும் மற்றும் இதே உலாவி (அல்லது பிற காட்சி சாதனம்) பிரேம்களை ஆதரிக்கவில்லை என்றால் மட்டுமே வலைப்பக்கத்தில் காட்டப்படும். உதாரணமாக, நீங்கள் மொபைல் சாதனங்களுக்கான உலாவியைப் பயன்படுத்தினால் இது நிகழலாம்.
வழக்கமாக நோஃப்ரேம்களில் அவை பிரேம் கட்டமைப்பை செயலாக்க இயலாமையுடன் தற்போதைய நிலைமை பற்றிய தகவல்களைச் சேர்ப்பது மட்டுமல்லாமல், அவற்றைப் பயன்படுத்தாமல் நீங்கள் தொடர்ந்து வேலை செய்யக்கூடிய பிற பக்கங்களுக்குச் செல்லும் திறனையும் சேர்க்கின்றன. அவரைப் பற்றி வேறு எதுவும் கூறுவது கடினம், எனவே தொடர்வோம்.
உடல் குறிச்சொல்லுக்குப் பதிலாகப் பயன்படுத்தப்படும் ஃபிரேம்செட் உறுப்பு, பார்க்கும் பகுதிக்கு ஒதுக்கப்பட்ட அனைத்து இடத்தையும் எடுத்துக்கொள்கிறது, மேலும் இந்த பகுதிக்குள் தனிப்பட்ட ஃபிரேம் கூறுகளைப் பயன்படுத்தி பிரேம்கள் உருவாக்கப்படும். இது சம்பந்தமாக, கேள்வி எழுகிறது - தனி ஜன்னல்களுக்கு இடையில் பார்க்கும் பகுதியை எவ்வாறு பிரிப்பது அல்லது வேறுவிதமாகக் கூறினால், அவை ஒவ்வொன்றின் அளவையும் எவ்வாறு அமைப்பது.
ஃபிரேம்செட் உறுப்புக்கு பொருத்தமான பண்புகளைச் சேர்ப்பதன் மூலம் இது செய்யப்படுகிறது. அவற்றில் இரண்டு உள்ளன - கோல்கள் மற்றும் வரிசைகள். கோல்ஸ் ஒரு பெரிய சாளரத்தின் பிரிவை செங்குத்து சட்டங்கள் அல்லது நெடுவரிசைகளாக அமைக்கிறது, மேலும் வரிசைகள் அதை கிடைமட்ட ஜன்னல்கள் அல்லது வரிசைகளாக பிரிக்க உங்களை அனுமதிக்கிறது.
ஃப்ரேம்செட் மற்றும் அதன் கோல்கள் மற்றும் ரோஸ் பண்புகளின் அடிப்படையில் ஒரு கட்டமைப்பை உருவாக்குதல்
Html ஃப்ரேம்செட் குறிச்சொல்லின் கோல்கள் மற்றும் வரிசைகளுக்கான மதிப்புகள் காற்புள்ளிகளால் பிரிக்கப்பட்ட எண்கள் (இடைவெளிகள் இல்லாமல்). இந்த எண்கள் நாம் பெற விரும்பும் சாளரங்களின் விகிதாச்சாரத்தை அமைக்கின்றன. எனவே, Cols அல்லது Rows இல் எத்தனை கமாவால் பிரிக்கப்பட்ட எண்கள் எழுதப்பட்டாலும், நம்மிடம் உள்ள ஃப்ரேம்களின் எண்ணிக்கையே பலனாக இருக்கும்.
எடுத்துக்காட்டாக, இந்த குறியீட்டைப் பயன்படுத்தி மூன்று செங்குத்து நெடுவரிசைகளைப் பெறுவோம், அதன் அகலம் 2:5:3 விகிதாச்சாரத்திற்கு ஒத்திருக்கும்.