Iframe மற்றும் Frame - அவை என்ன மற்றும் Html இல் பிரேம்களை எவ்வாறு பயன்படுத்துவது. ஃபிரேம் உறுப்பின் Src பண்புக்கூறில் பாதையைக் குறிப்பிடவும்

வீடு / விண்டோஸ் 7

வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்கள். இன்று நாம் 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 விகிதாச்சாரத்திற்கு ஒத்திருக்கும்.

மூன்று பிரேம்களுக்கான விகிதாச்சாரத்தை நாங்கள் அமைத்திருப்பதால், குறைந்தபட்சம் கூடுதல் பண்புக்கூறுகளைக் குறிப்பிடாமல், தொடக்க மற்றும் மூடும் ஃப்ரேம்செட் குறிச்சொற்களுக்கு இடையில் மூன்று ஃபிரேம் கூறுகளைச் சேர்க்க வேண்டும்:

இதன் விளைவாக, மூன்று வெற்று சாளரங்களைக் கொண்ட எங்கள் சட்ட அமைப்பு இப்படி இருக்கும்:

இந்த எடுத்துக்காட்டில், சதவீதங்களைப் பயன்படுத்தி சாளர அளவுகளை (சட்டகம்) அமைக்கிறோம், அவை பார்க்கும் பகுதியின் அகலத்திலிருந்து (கோல்ஸைப் பயன்படுத்தும் போது) அல்லது அதன் உயரத்திலிருந்து (வரிசைகள்) எடுக்கப்படுகின்றன. வியூபோர்ட்டை மாற்றும்போது, ஃபிரேம் அளவுகளுக்கு இடையிலான சதவீத உறவு பராமரிக்கப்படும். ஆனால் சதவீதங்களுக்கு பதிலாக, நீங்கள் குறிக்கும் எண்களையும் பயன்படுத்தலாம். இங்கே, புரிந்து கொள்வதில் எந்த சிரமமும் ஏற்படக்கூடாது என்று நான் நினைக்கிறேன்.

ஆனால் அளவு பதவிகளில் ஒரு அசாதாரண விருப்பமும் உள்ளது, இது ஒரு நட்சத்திரம் போல் தெரிகிறது "*". மேலும், இது வெறும் "*" அல்லது முன்னால் ஒரு எண்ணைக் கொண்ட நட்சத்திரமாக இருக்கலாம், எடுத்துக்காட்டாக, "3*". ஒரு புத்திசாலித்தனமான விஷயம், இது சதவீதங்களுக்கு மிகவும் ஒத்திருக்கிறது மற்றும் சட்டத்திற்கான இடத்தை விகிதாசாரமாகப் பிரிக்கிறோம்.

ஒரு உதாரணத்தைப் பார்ப்போம். இப்போது வரிசைகளைப் பயன்படுத்தி வியூபோர்ட்டை கிடைமட்ட வரிசைகளாகப் பிரிக்க தேர்வு செய்யலாம்:

இந்தப் பதிவின் அர்த்தம் என்ன? செங்குத்தாக நமக்குக் கிடைக்கும் பார்வைப் பகுதி முழுவதும் மூன்று கோடுகளாகப் பிரிக்கப்படும். முதல் உயரம் 200 பிக்சல்களில் எடுக்கப்படும், இரண்டாவது - 500 இல், ஆனால் மூன்றாவது வரி உயரத்தில் மீதமுள்ள அனைத்து இடத்தையும் ஆக்கிரமிக்கும். அதன் அளவாக “*” பயன்படுத்தப்பட்டது.

குறிப்பிடத்தக்கது என்னவென்றால், “*” மற்றும் “1*” மதிப்புகள் ஒரே பொருளைக் குறிக்கின்றன - மீதமுள்ள அனைத்து இடத்தையும் ஒன்றாகப் பிரித்து இந்த ஒரு பகுதியை இந்த சட்டகத்திற்குக் கொடுக்கிறோம் (நன்றாக, அதாவது, மீதமுள்ள இடம்).

ஆனால் விகிதத்தில் வகுக்க எண்ணுடன் “*” மதிப்பைப் பயன்படுத்தினால் என்ன நடக்கும் என்று பாருங்கள்:

இந்த வழக்கில் சட்டத்தின் பரிமாணங்கள் என்னவாக இருக்கும் என்று நீங்கள் நினைக்கிறீர்கள்? இரண்டாவது வரியில் கண்டிப்பாக 100 பிக்சல்கள் உயரம் இருக்கும் என்பது தெளிவாகிறது. ஆனால் மீதமுள்ள இடம் மூன்றாவது மற்றும் முதல் வரிசைக்கு இடையில் உயரத்தில் எவ்வாறு பிரிக்கப்படும்?

கணக்கிடுவது மிகவும் எளிதானது - நான்கு (4*) ஐ இரண்டில் (2*) சேர்த்து, இந்த வகுப்பினால் வகுக்கவும் (பள்ளி பாடத்திட்டத்தின் பின்னங்களை நினைவில் கொள்ளுங்கள்) இரண்டு மற்றும் நான்கு. அந்த. ஒரு சட்டகத்துடன் கூடிய முதல் நெடுவரிசை உயரத்தில் மீதமுள்ள மூன்றில் ஒரு பகுதியை எடுக்கும், மூன்றாவது நெடுவரிசை மூன்றில் இரண்டு பங்கை எடுக்கும். அல்லது, வேறு வார்த்தைகளில் கூறுவதானால், மூன்றாவது முதல் இரண்டு மடங்கு அதிகமாக இருக்கும்:

ஒரு பண்புக்கூறில் ஃபிரேம் சாளரங்களை அளவிட நீங்கள் மூன்று வழிகளையும் பயன்படுத்தலாம், எடுத்துக்காட்டாக:

இதன் விளைவாக, கிடைக்கக்கூடிய முழுப் பகுதியிலும் பத்து சதவிகிதம் அகலம் கொண்ட முதல் ஃபிரேம் நெடுவரிசையைப் பெறுவோம், இரண்டாவது - 100 பிக்சல்கள், மீதமுள்ள மூன்று நான்கு, மூன்று மற்றும் ஒன்பதில் இரண்டு பங்கு விகிதத்தில் அகலத்தைக் கொண்டிருக்கும். மீதமுள்ள அகல இடைவெளி. எனவே எல்லாம் எளிமையானது மற்றும் தெளிவானது.

பிரதான சாளரத்தை கிடைமட்ட மற்றும் செங்குத்து பிரேம்களாக மட்டுமல்லாமல், எடுத்துக்காட்டாக, அவற்றின் சேர்க்கைகளாக பிரிக்க விரும்பினால், நீங்கள் ஃபிரேம்செட் உறுப்புகளின் உள்ளமை கட்டமைப்பை நெடுவரிசைகளுக்கு தனித்தனியாகவும் வரிசைகளுக்கு தனித்தனியாகவும் பயன்படுத்தலாம். எடுத்துக்காட்டாக, கீழே உள்ள ஸ்கிரீன்ஷாட்டில் காட்டப்பட்டுள்ள கட்டமைப்பைப் பெற, பின்வரும் கட்டுமானத்தைப் பயன்படுத்தினால் போதும்:

அந்த. முதலில் "ஃப்ரேம்செட் கோல்ஸ்="20%,80%"" அனைத்தையும் கொண்டு பிரிக்கிறோம் கிடைக்கும் இடம்இரண்டு நெடுவரிசைகளில் செங்குத்தாக, வலது நெடுவரிசையின் உள்ளடக்கங்களை “பிரேம்” குறிச்சொல்லுடன் அமைக்கவும், ஆனால் இடது நெடுவரிசையில் “பிரேம்” உறுப்பைச் சேர்ப்பதற்குப் பதிலாக, புதிய “ஃபிரேம்செட் வரிசைகளை = “10%,*”” திறக்கிறோம்.

அதன் உதவியுடன் வலது நெடுவரிசையை பிரேம்களுடன் இரண்டு கோடுகளாகப் பிரிக்கிறோம், அதன் உள்ளடக்கங்கள் இரண்டு “பிரேம்” குறிச்சொற்களைப் பயன்படுத்தி அமைக்கப்பட்டன, அதன் பிறகு நாங்கள் இரண்டு “பிரேம்செட்” கொள்கலன்களையும் மூடுகிறோம். எல்லாம் எளிமையானது மற்றும் தர்க்கரீதியானது.

ஃபிரேம் உறுப்பின் Src பண்புக்கூறில் பாதையைக் குறிப்பிடவும்

ஆனால் நாம் அனைவரும் ஃப்ரேம்செட் உறுப்பு மற்றும் அதன் கோல்கள் மற்றும் ரோஸ் பண்புகளைப் பற்றி பேசினோம், அதன் உதவியுடன் கட்டமைப்பை உருவாக்கி அவற்றின் அளவுகளை அமைக்கிறோம். தேவையான பிரேம்களில் தேவையான ஆவணங்களை எவ்வாறு காண்பிப்பது மற்றும் அவற்றின் சாளரங்களுக்கு இடையிலான தொடர்புகளை எவ்வாறு கட்டமைப்பது என்பதை இப்போது கண்டுபிடிப்போம்.

எனவே தோற்றத்தை எவ்வாறு நிர்வகிப்பது? ஜன்னல்களை உருவாக்கியது? இவை அனைத்தும் பிரேம் குறிச்சொல்லின் பண்புக்கூறுகளில் உள்ளன. முதலில் குறிப்பிட வேண்டியது Src. நாங்கள் அவரை ஏற்கனவே சந்தித்துள்ளோம் குறிச்சொல் Img Html குறியீட்டில் படங்களைச் செருகுவதைப் பார்த்தபோது. அதன் சாராம்சம் மாறவில்லை, மேலும் சட்டத்தில் ஏற்றப்பட வேண்டிய ஆவணத்திற்கான பாதையைக் குறிப்பிட இது உங்களை அனுமதிக்கிறது.

Src இல் ஆவணத்திற்கான பாதையை இவ்வாறு குறிப்பிடலாம். உங்கள் சொந்த ஆதாரத்தில் அமைந்துள்ள ஆவணத்திற்கு தொடர்புடைய பாதைகள் பொதுவாகப் பயன்படுத்தப்படுகின்றன, ஆனால் நீங்கள் மற்றொரு தளத்திலிருந்து ஒரு ஆவணத்தை சட்ட சாளரத்தில் ஏற்ற விரும்பும் போது உங்களுக்கு முழுமையான பாதைகள் தேவைப்படும்.

Src பண்புக்கூறு குறிப்பிடப்படவில்லை என்றால், அதற்கான பாதையைக் குறிக்கிறது தேவையான ஆவணம், பின்னர் ஒரு வெற்று ஆவணம் சாளரத்தில் ஏற்றப்படும். தனிப்பட்ட முறையில், நான் ஒருமுறை எனது வலைப்பதிவிற்கு (கூடுதல் வழிசெலுத்தல் உறுப்பாக) இதேபோன்ற செயலைச் செய்தேன், அதே நேரத்தில் ஹோஸ்டிங் சேவையகத்தில் அதற்கென ஒரு தனி கோப்புறையை உருவாக்கி, சட்ட அமைப்புடன் ஒரு Html கோப்பை மட்டும் வைக்கவில்லை (இதை நான் குறியீட்டு என்று அழைத்தேன். .html), ஆனால் அனைத்தும் பல்வேறு ஆவண சாளரங்களிலும், பின்னணியாகப் பயன்படுத்தப்படும் படக் கோப்புகளிலும் ஏற்றப்படும்.

எனவே, ஃபிரேம் குறிச்சொல்லின் Src பண்புக்கூறில் தொடர்புடைய இணைப்புகளைப் பயன்படுத்துவது எனக்கு எளிதாக இருந்தது:

குறிப்பிடத்தக்கது என்னவென்றால், இந்தக் குறியீட்டில் கொடுக்கப்பட்டுள்ள அனைத்து இணைப்புகளையும் ஒப்பீட்டளவில் (https://site/navigator/joomla.html போன்றவை) மாற்றியமைத்து, இந்தக் கோப்பை உலாவியில் திறந்தால், சட்டத்தில் குறிப்பிடப்பட்டுள்ள ஆவணங்கள் ஏற்றப்படும். எனது சேவையகத்திலிருந்து, உங்கள் உலாவியில் இதே போன்ற படத்தைப் பார்ப்பீர்கள். மேலும், பிரேம் அமைப்புடன் (index.html) உங்கள் கோப்பு எங்கு இருக்கும் என்பது முக்கியமல்ல - உங்கள் கணினியில் அல்லது ஹோஸ்டிங்கில்.

படத்தில் காட்டப்பட்டுள்ள எடுத்துக்காட்டில், ஒரு குறிப்பிட்ட மெனுவுடன் ஒரு பக்கம், இது ஒரு வழக்கமான மெனு, இடது சட்டத்தின் சாளரத்தில் ஏற்றப்படுகிறது. ஆனால் முக்கியமானது மெனு எவ்வாறு உருவாகிறது என்பது அல்ல, ஆனால் அதன் இணைப்புகளில் ஏதேனும் ஒன்றைக் கிளிக் செய்த பிறகு என்ன நடக்கும்.

நீங்கள் இதைச் செய்தால், எல்லாம் சரியாக நடக்கும் - ஆவணம் கீழ் வலது சாளரத்தில் திறக்கும். ஆனால் இதற்காக நான் ஒரு சிறிய தந்திரத்தைப் பயன்படுத்த வேண்டியிருந்தது, ஏனென்றால் இயல்புநிலை பதிப்பில் ஆவணம் சாளரத்தின் முழு அளவிற்கும் திறக்கப்பட்டது, இது எனக்கு தேவையில்லாத பிரேம் கட்டமைப்பை மாற்றுகிறது, ஏனெனில் வழிசெலுத்தல் மெனு இடது மற்றும் மேல் பிரேம்களில் உள்ளது. காணாமல் போனது.

ஒரு சட்டத்தில் ஒரு இணைப்பு வழியாக ஆவணங்களை எவ்வாறு திறப்பது

எனவே, நாங்கள் ஹைப்பர்லிங்க்களைப் பற்றிப் பேசும்போது, “A” டேக் பண்புக்கூறை Target=_blank எனக் குறிப்பிட்டோம். அது எதற்காக என்று உங்களுக்கு நினைவிருக்கிறதா? இணைக்கப்பட்ட ஆவணத்தை புதிய சாளரத்தில் திறப்பது சரியானது. இயல்பாக, இது அதே சாளரத்தில் திறக்கப்பட வேண்டும், இது இலக்கு="_self" க்கு சமமானதாகும்.

ஆனால் இலக்கின் திறன்கள் அங்கு நிற்கவில்லை. பிரேம் டேக்கின் சிறப்பு பெயர் பண்புக்கூறில் முன்னர் குறிப்பிடப்பட்ட ஒரு பிரேம் பெயரின் வடிவத்தில் நீங்கள் அதற்கு ஒரு மதிப்பைச் சேர்க்கலாம் என்று மாறிவிடும். இந்த இணைப்பு வழியாக ஆவணம் ஒரே சாளரத்தில் திறக்காது, அதன் அனைத்து இடத்தையும் ஆக்கிரமித்து, ஆனால் நீங்கள் குறிப்பிட்ட சட்டத்தில். தெளிவாக இருக்கிறதா? முழுவதுமாக இல்லாவிட்டால், உதாரணத்தை நாம் பகுப்பாய்வு செய்யும் போது இப்போது தெளிவாகிவிடும்.

எனவே, மேலே உள்ள படத்தில் காட்டப்பட்டுள்ள எங்கள் உதாரணத்திற்குத் திரும்புவோம். கீழ் வலது (பெரிய) சட்டத்தில் இடது சாளரத்திலிருந்து இணைப்புகளைப் பயன்படுத்தி பக்கங்களைத் திறக்க வேண்டும். எனவே, முதலில் இந்த பெரிய சாளரத்திற்கு ஃபிரேம் டேக்கில் உள்ள பெயர் பண்புக்கூறைப் பயன்படுத்தி ஒரு பெயரைக் கொடுக்க வேண்டும்.

அவர்கள் அதை உருவாக்கி அதை "க்டோனா" என்று அழைத்தனர். இப்போது நீங்கள் இடதுபுற சாளரத்தில் மெனுவாக ஏற்றப்பட்ட கோப்பைப் பாதுகாப்பாகத் திறந்து, அதில் உள்ள அனைத்து A குறிச்சொற்களிலும் Target="ktona" பண்புக்கூறைச் சேர்க்கலாம்:

Joomla மற்றும் VirtueMart கூறுகளின் வரலாறு

நிச்சயமாக, தேடல் மற்றும் மாற்றும் கருவியைப் பயன்படுத்தி, எல்லா ஹைப்பர்லிங்க்களுக்கும் அதை கீழே வைப்பது கடினம் அல்ல, ஆனால் நாம் ஏற்கனவே குறிப்பிட்டுள்ள சிறப்பு அடிப்படை குறிச்சொல்லைப் பயன்படுத்த எங்களுக்கு ஒரு சிறந்த வாய்ப்பு இருக்கும்போது ஏன் தேவையில்லாமல் குறியீட்டை ஏற்ற வேண்டும். ஹைப்பர்லிங்க்களைப் பற்றிய கட்டுரை, டார்கெட் வெற்றுப் பயன்படுத்துவதைப் பற்றி அவர்கள் பேசியபோது.

தொடக்க மற்றும் மூடும் ஹெட் டேக்குகளுக்கு இடையே அடிப்படை இலக்கு="ktona" உறுப்பை வைத்தால் போதும், மேலும் இந்த ஆவணத்தின் Html குறியீட்டில் உள்ள அனைத்து இணைப்புகளும் "ktona" எனப்படும் குறிப்பிட்ட சட்டகத்தில் புதிய பக்கங்களைத் திறக்கும்:

மூலம், ஒருமுறை ஏற்கனவே உள்ள எனது கருவியை உதாரணமாகக் கருதினால், மேல் கிடைமட்ட சாளரத்தில் உள்ள அனைத்து இணைப்புகளும் எனது இடது மெனுவாக செயல்படும் இடது செங்குத்து சட்டத்தில் அவற்றின் பக்கங்களைத் திறக்கும் என்பதை நாங்கள் இன்னும் உறுதிசெய்ய வேண்டும். இதற்கு என்ன செய்ய வேண்டும்?

சரி, முதலில், நீங்கள் இடது செங்குத்து சட்டத்திற்கு ஒரு பெயரைக் கொடுக்க வேண்டும்:

மேல் சாளரத்தில் (gor.html) ஏற்றப்பட்ட கோப்பில், நீங்கள் அடிப்படை இலக்கு="gor" உறுப்பைச் சேர்க்க வேண்டும்:

அவ்வளவுதான், இப்போது எல்லாவற்றையும் சரியாகச் செய்துவிட்டோம். மேல் சட்டகத்திலிருந்து இணைப்புகளைப் பின்தொடரும் அனைத்து ஆவணங்களும் இடது சாளரத்தில் திறக்கும், மேலும் அதிலிருந்து வரும் அனைத்து இணைப்புகளும் மத்திய மற்றும் பெரிய சட்டகத்தில் ஆவணங்களைத் திறக்கும். என் கருத்துப்படி, எல்லாம் எளிமையானது மற்றும் தர்க்கரீதியானது.

தனிப்பயனாக்க ஃபிரேம் டேக் பண்புக்கூறுகள் தோற்றம்ஜன்னல்கள்

ஃப்ரேம்களின் தோற்றத்தைத் தனிப்பயனாக்க, ஃபிரேம் குறிச்சொல்லில் Src மற்றும் பெயரைத் தவிர வேறு என்ன பண்புக்கூறுகளைப் பயன்படுத்தலாம் என்பதை இப்போது பார்க்கலாம். ஸ்க்ரோலிங் மூலம் ஆரம்பிக்கலாம். இதைப் பயன்படுத்தி, உங்கள் பிரேம் கட்டமைப்பின் ஒவ்வொரு சாளரத்திற்கும் தனித்தனியாக உருள் பார்களின் காட்சியை உள்ளமைக்கலாம்.

ஸ்க்ரோலிங் ஆட்டோவின் இயல்புநிலை மதிப்பைக் கொண்டுள்ளது - பிரேமில் ஏற்றப்பட்ட ஆவணத்தின் அளவைப் பொறுத்து, ஸ்க்ரோல் பட்டியைக் காட்ட வேண்டுமா இல்லையா என்பதை உலாவி தானாகவே தீர்மானிக்கும். ஆவணம் சாளரத்தில் முழுமையாக பொருந்தவில்லை என்றால், ஒரு உருள் பட்டை தோன்றும், இது அனைத்தையும் இறுதிவரை பார்க்க அனுமதிக்கிறது.

நீங்கள் மதிப்புகளையும் பயன்படுத்தலாம் ஆம் (விண்டோவில் உள்ள ஸ்க்ரோல் பார்கள் எப்பொழுதும் காட்டப்படும், ஆவணம் முழுமையாக பொருந்தினாலும் கூட) மற்றும் இல்லை (ஆவணத்தின் ஒரு பகுதி பொருந்தாவிட்டாலும் கூட ஸ்க்ரோல் பார்கள் தோன்றாது) ஸ்க்ரோலிங்கிற்கான மதிப்புகளாக.

எனது ஒருமுறை இருக்கும் கருவியில், ஆட்டோவின் இயல்புநிலை மதிப்பைப் பயன்படுத்தினேன் மற்றும் தேவைக்கேற்ப பிரேம்களில் ஸ்க்ரோல் பார்கள்:

ஃபிரேம் குறிச்சொல்லின் அடுத்த பண்பு, Noresize, ஒற்றை பண்புக்கூறு (அதற்கு மதிப்புகள் இல்லை). அதை பதிவு செய்வதன் மூலம், அதன் அளவை மாற்றுவதை நீங்கள் தடைசெய்வீர்கள், இது இயல்பாகவே பிரேம்களின் எல்லையை சுட்டியுடன் இழுப்பதன் மூலம் செய்யப்படுகிறது.

நீங்கள் மவுஸ் கர்சரை பார்டருக்கு நகர்த்தும்போது, கர்சர் இரட்டைத் தலை அம்புக்குறியாக மாறுவதைக் காண்பீர்கள், இப்போது கிளிக் செய்வதன் மூலம் இடது பொத்தான்சுட்டி, நீங்கள் விரும்பியபடி எல்லையை நகர்த்தலாம். Noresize இந்த விருப்பத்திற்கு தடை விதிக்கிறது (நீங்கள் மவுஸ் கர்சரை சாளரத்தின் எல்லைக்கு நகர்த்தும்போது, நீங்கள் இருதரப்பு அம்புக்குறியை இனி பார்க்க மாட்டீர்கள்).

மற்றொரு காட்சி பண்பு Frameborder ஆகும். அதைப் பயன்படுத்தி, பிரேம்களுக்கு இடையில் ஒரு சட்டத்தை (எல்லை) வரைய வேண்டுமா அல்லது வரைய வேண்டாமா என்பதைக் குறிப்பிடலாம். ஃப்ரேம்போர்டரில் இரண்டு சாத்தியமான மதிப்புகள் மட்டுமே இருக்க முடியும் - ஒன்று 0 (சட்டத்தை வரைய வேண்டாம்) அல்லது 1 (எல்லையைக் காட்டு). இயல்புநிலை மதிப்பு, நிச்சயமாக, 1 ஆகும்.

ஒரு நுணுக்கம் உள்ளது. நீங்கள் காணக்கூடிய பார்டரை அகற்ற விரும்பினால், நீங்கள் காணக்கூடிய பார்டர்களை அகற்ற விரும்பும் பிரேம்களின் அனைத்து ஃபிரேம் குறிச்சொற்களிலும் Frameborder=0 ஐச் சேர்க்க வேண்டும்.

சரி, ஃபிரேம் டேக்கின் சில பண்புகளை நாம் இன்னும் கருத்தில் கொள்ள வேண்டும் - விளிம்பு அகலம் மற்றும் விளிம்பு உயரம், இது சாளரத்தின் எல்லைகளிலிருந்து அதில் ஏற்றப்பட்ட உள்ளடக்கம் வரை விளிம்புகளை அகலம் (வலது மற்றும் இடது) மற்றும் உயரம் (மேல் மற்றும் கீழ்) அமைக்கிறது. (எண் என்பது விளிம்பு பிக்சல்களின் எண்ணிக்கையைக் குறிக்கிறது):

நீங்கள் ஏன் பிரேம்களில் இணையதளத்தை உருவாக்க முடியாது?

கிளாசிக்கல் கட்டமைப்புகளின் அடிப்படை குறைபாடு என்ன என்பதைப் பார்ப்போம், இது ஒரு வலைத்தளத்தை உருவாக்கும் போது அவற்றின் பயன்பாட்டிற்கு முற்றுப்புள்ளி வைக்கிறது. இந்த சட்ட கட்டமைப்பைப் பயன்படுத்தி அதன் நிலையைக் கண்காணிப்பது சாத்தியமில்லை என்ற உண்மையை இது கொண்டுள்ளது.

சிக்கலான கட்டமைப்புகள் ஆயிரக்கணக்கான வெவ்வேறு நிலைகளைக் கொண்டிருக்கலாம் (பல்வேறு சட்ட சாளரங்களில் திறக்கப்பட்ட ஆவணங்களின் மாறுபாடுகள்), ஆனால் இந்த கட்டமைப்பின் Url முகவரி மாறாது. இதன் காரணமாக, உலாவி புக்மார்க்குகளைப் பயன்படுத்தவோ அல்லது பிற பயனர்களுக்கு நீங்கள் விரும்பும் பக்கங்களுக்கு இணைப்புகளை அனுப்பவோ இயலாது. ஏன்?

ஏனெனில் உலாவி புக்மார்க்குகளில் இருந்து அல்லது மின்னஞ்சலில் இருந்து திறக்கும் போது கூட முகவரி மாறாமல் இருக்கும் மின்னஞ்சல், ஃப்ரேம் கட்டமைப்பின் தொடக்க நிலையுடன் ஒரு பக்கத்தைப் பெறுவீர்கள், நீங்கள் சேமிக்க விரும்பும் நிலை அல்ல.

இருப்பினும், நிச்சயமாக, இந்த சிக்கலை தீர்க்க முடியும், ஆனால் HTML கருவிகளால் அல்ல, ஆனால் சேவையகம் (எடுத்துக்காட்டாக, Php) அல்லது கிளையன்ட் நிரலாக்க மொழிகள் (ஜாவாஸ்கிரிப்ட்) உதவியுடன், இந்த தீர்வுகள் நூறு சதவிகிதம் திறமையாக இருக்காது. அத்தகைய தீர்வுகள், உண்மையில், சட்ட கட்டமைப்பின் Url முகவரியில் அதன் தற்போதைய நிலையைப் பற்றிய கூடுதல் தரவைச் சேர்க்க உங்களை அனுமதிக்கின்றன, ஆனால் இதைச் செய்வது எளிதானது அல்ல, மேலும் நம்பகத்தன்மை முழுமையானதாக இருக்காது.

வலைத்தளங்களை உருவாக்க பிரேம்களைப் பயன்படுத்துவதன் முதல் தீமை இது மிகவும் குறிப்பிடத்தக்கது, ஆனால் மற்றொரு பெரிய குறைபாடு உள்ளது. தேடுபொறிகள், நிச்சயமாக, அவற்றை அட்டவணைப்படுத்தவும், அவற்றின் சாளரங்களில் ஏற்றப்பட்ட அந்த ஆவணங்களின் முகவரிகளை அவற்றிலிருந்து பிரித்தெடுக்கவும் நீண்ட காலமாக கற்றுக்கொண்டன. பிரச்சனை வேறு.

ஒரு பயனர் Yandex அல்லது Google தேடல் முடிவுகளில் இருந்து பிரேம் கட்டமைப்பின் அடிப்படையில் கட்டமைக்கப்பட்ட உங்கள் வலைத்தளத்திற்குச் செல்லும்போது, பிரேம்களில் ஒன்றில் ஏற்றப்பட்ட ஆவணம் மட்டுமே திறக்கும், முழு அமைப்பும் அல்ல. நான் என்ன பேசுகிறேன் என்று புரியுதா?

பயனர் ஆவணத்தைப் பார்ப்பார் மற்றும் உங்கள் தளத்தில் வழிசெலுத்தலைப் பார்க்க மாட்டார், ஏனெனில் அது மற்ற சாளரங்களில் பாதுகாக்கப்படும், மேலும் அவை முழு கட்டமைப்பின் ஒரு பகுதியாக மட்டுமே ஏற்றப்படும்.

இதன் விளைவாக, பிரேம்களில் கட்டப்பட்ட தளம் வெறுமனே பயன்படுத்த முடியாததாகிவிடும். இருப்பினும், மீண்டும், சர்வர் ஸ்கிரிப்ட்களின் அடிப்படையில் இந்த சிக்கலுக்கு தீர்வுகள் உள்ளன, தனிப்பட்ட ஆவணங்களின் முகவரிகளில் இருந்து ஒரு சட்ட கட்டமைப்பிற்கு திருப்பிவிடப்படும் போது சரியான நிலையில், ஆனால் மீண்டும் இது மிகவும் கடினம் மற்றும் எப்போதும் நம்பகமானது அல்ல.

பொதுவாக, முடிவை சந்தேகத்திற்கு இடமின்றி வரையலாம் - பிரேம்களில் வலைத்தளங்களை உருவாக்க வேண்டிய அவசியமில்லை. ஆனால் பல்வேறு பயன்பாடுகளுக்கான உதவியை உருவாக்க அவை தொடர்ந்து பயன்படுத்தப்படுகின்றன, மேலும் அவை மற்ற சிறிய விஷயங்களில் கைக்குள் வரலாம்.

எடுத்துக்காட்டாக, நான் ஒரு பிரேம் கட்டமைப்பை உருவாக்கினேன், அதை நான் "நேவிகேட்டர்" என்று அழைத்தேன் (இப்போது அது தற்காலிகமாக அகற்றப்பட்டுள்ளது) மேலும் இது எனது வலைப்பதிவின் விரிவாக்கப்பட்ட வெளிப்புற மெனுவாக மாறியுள்ளது, இது வளத்துடன் பணிபுரிவதை எளிதாக்க வேண்டும் என்று எனக்குத் தோன்றுகிறது. எனவே, மேம்படுத்துவது “ முட்டாள்தனம் இல்லை” என்பது தளத்தின் விளம்பரத்தில் மிகவும் வலுவான தாக்கத்தை ஏற்படுத்துகிறது.

ஆனால், எவ்வாறாயினும், சிக்கல்களைத் தவிர்ப்பதற்காக தேடுபொறிகள், நான் இந்த முழு பிரேம் கட்டமைப்பை மூடிவிட்டேன், மேலும் அது எல்லாவற்றிலும் சேர்த்தேன் HTML கோப்புகள்ரோடோட்ஸ் மெட்டா டேக், அவற்றின் அட்டவணைப்படுத்தல் மீதான தடை:

ஜூம்லா

ஆனால் இந்தக் கட்டுப்பாடுகள் அனைத்தும் ஃபிரேம் மற்றும் ஃபிரேம்செட் குறிச்சொற்களில் உள்ள கட்டமைப்புகளுக்கு மட்டுமே பொருந்தும், மேலும் இஃப்ரேம் குறிச்சொற்களில் உள்ள உள்ளமைக்கப்பட்ட பிரேம்களில் காணக்கூடிய குறைபாடுகள் எதுவும் இல்லை, மேலும் அவை உங்கள் திட்டங்களில் குறைந்தபட்சம் வீடியோக்களைச் செருகுவதற்குப் பயன்படுத்தப்படலாம். YouTube.

உங்களுக்கு நல்ல அதிர்ஷ்டம்! வலைப்பதிவு தளத்தின் பக்கங்களில் விரைவில் சந்திப்போம்

நீங்கள் ஆர்வமாக இருக்கலாம்

கருத்து வழிகாட்டுதல்கள் மற்றும் Html குறியீட்டில் டாக்டைப், அத்துடன் தொகுதி மற்றும் இன்லைன் கூறுகளின் கருத்து (குறிச்சொற்கள்)
உட்பொதித்தல் மற்றும் பொருள் - வலைப்பக்கங்களில் ஊடக உள்ளடக்கத்தை (வீடியோ, ஃபிளாஷ், ஆடியோ) காட்ட Html குறிச்சொற்கள்
Img - Html குறிச்சொல் ஒரு படத்தைச் செருகுவதற்கு (Src), அதைச் சுற்றி உரையை சீரமைத்தல் மற்றும் சுற்றுதல் (சீரமைத்தல்), அத்துடன் பின்னணி (பின்னணி) அமைப்பது
ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழி Html என்றால் என்ன மற்றும் W3C வேலிடேட்டரில் உள்ள அனைத்து குறிச்சொற்களின் பட்டியலை எவ்வாறு பார்ப்பது, தேர்வு, விருப்பம், டெக்ஸ்டாரியா, லேபிள், ஃபீல்ட்செட், லெஜண்ட் - குறிச்சொற்கள் HTML படிவங்கள்கீழ்தோன்றும் பட்டியல்கள் மற்றும் உரை புலம்
Html குறியீட்டில் உள்ள பட்டியல்கள் - UL, OL, LI மற்றும் DL குறிச்சொற்கள்
எழுத்துரு (முகம், அளவு மற்றும் நிறம்), பிளாக்கோட் மற்றும் முன் குறிச்சொற்கள் - தூய HTML இல் மரபு உரை வடிவமைப்பு (இல்லாதது CSS ஐப் பயன்படுத்துகிறது)
Html மற்றும் CSS குறியீட்டில் வண்ணங்கள் எவ்வாறு அமைக்கப்படுகின்றன, அட்டவணையில் RGB நிழல்களின் தேர்வு, Yandex வெளியீடு மற்றும் பிற நிரல்கள்

வலைத்தள உருவாக்கத்தின் விடியலில், வலை வளங்கள் பக்கங்களின் தனித்தனி பகுதிகளைக் காட்ட பிரேம்களைப் பரவலாகப் பயன்படுத்துகின்றன. ஆனால் HTML 5 இன் புதிய பதிப்பின் வருகையுடன், எல்லாம் மாறிவிட்டது. மார்க்அப் கூறுகள் , மற்றும் நிராகரிக்கப்பட்டது. அவை ஒற்றை குறிச்சொல்லால் மாற்றப்பட்டன - . html இல் எப்படி சேர்ப்பது? கீழேயுள்ள எடுத்துக்காட்டு நிரலாக்கத்தில் ஒரு தொடக்கக்காரருக்கு கூட தெளிவாக இருக்கும்.

பிரேம்கள் என்றால் என்ன?

சட்டமானது பெரும்பாலான முதல் இணையப் பக்கங்களின் அடிப்படையாகும். மொழியில் மொழிபெயர்க்கப்பட்டால், இந்த வார்த்தையின் அர்த்தம் "பிரேம்", அதாவது பிரேம் என்பது உலாவியில் உள்ள பக்கத்தின் சிறிய பகுதியாகும். கடந்த காலத்தில் பிரேம்களின் பரவலான பயன்பாடு குறைந்த தரம் மற்றும் இணைய போக்குவரத்தின் அதிக விலையால் விளக்கப்படலாம். ஒரு விதியாக, தளம் 3-5 பகுதிகளாகப் பிரிக்கப்பட்டது, ஒவ்வொன்றும் ஒரு குறிப்பிட்ட நோக்கத்திற்காக செயல்பட்டன:

“தலைப்பு” (பக்கத்தின் அகலத்தில் மேல் சட்டகம்) - வளத்தின் பெயரைக் காட்டுகிறது;
இடது / வலது "கண்ணாடி" - மெனு காட்சி;
மைய சட்டமானது தளத்தின் உள்ளடக்கத்தின் காட்சியாகும்.

பக்கத்தை பகுதிகளாகப் பிரிப்பதன் மூலம் அதைப் புதுப்பிக்கும்போது ஒரு குறிப்பிட்ட பகுதியை மட்டும் ஓவர்லோட் செய்ய முடிந்தது. எடுத்துக்காட்டாக, பயனர் ஒரு மெனு உருப்படியைக் கிளிக் செய்தார், மேலும் புதிய உள்ளடக்கம் மத்திய சட்டத்திற்குப் பதிவிறக்கப்பட்டது.

HTML 5 இல் நவீன சட்டங்கள்

HTML இல் இது ஏன் தேவைப்படுகிறது? மூன்றாம் தரப்பு ஆதாரத்திலிருந்து உள்ளடக்கத்தைச் செருகுவது ஒரு எடுத்துக்காட்டு. ஒரு வலை டெவலப்பர் ஒரு பொருளின் இருப்பிடத்தை வரைபடத்தில் காட்ட விரும்புவது உன்னதமான சூழ்நிலை. நான் என்ன செய்ய வேண்டும்? புதிதாக ஒரு தளத் திட்டத்தை வரையவா? இல்லை - ஒரு எளிய தீர்வு உள்ளது: பக்கத்தில் Google Map, Yandex Maps அல்லது 2GIS உறுப்பை உட்பொதிக்கவும். பிரச்சனை நான்கு படிகளில் தீர்க்கப்படுகிறது.

எந்த மேப்பிங் சேவையின் இணையதளத்திற்கும் நீங்கள் செல்ல வேண்டும்.

விரும்பிய பொருளைக் கண்டறியவும். சரியான முகவரியை நீங்கள் அறிந்தவுடன், அதை தேடல் சாளரத்தில் உள்ளிடலாம்.

"சேமி மற்றும் குறியீட்டைப் பெறு" பொத்தானைப் பயன்படுத்துதல் (Yandex.Maps க்கு) அல்லது "முடிந்தது" (இதற்கு கூகுள் மேப்ஸ்) உட்பொதி குறியீட்டைப் பெறவும்.

உருவாக்கப்பட்ட மார்க்அப் குறிச்சொற்களை பக்கத்தில் உள்ளிடுவது மட்டுமே மீதமுள்ளது.

கூடுதலாக, நீங்கள் வரைபடத்தின் அளவைத் தேர்ந்தெடுத்து மற்ற காட்சி விருப்பங்களை உள்ளமைக்கலாம்.

HTML இல் வேறு எப்படி பயன்படுத்தலாம்?? Youtube ஆதாரத்திலிருந்து வீடியோ பொருட்களைச் செருகுவது ஒரு எடுத்துக்காட்டு. மல்டிமீடியா தொழில்நுட்பங்கள் இணைய பயனர்களை ஈர்க்கின்றன, அதனால்தான் வீடியோ உள்ளடக்கம் மிகவும் பிரபலமானது. டெவலப்பர் வீடியோவின் நிறுவலை விரைவாகக் கையாளுவார்.

நீங்கள் உங்கள் சொந்த வீடியோவை Youtube இல் பதிவேற்ற வேண்டும் அல்லது ஒளிபரப்புவதற்கு மூன்றாம் தரப்பு கோப்பைக் கண்டறிய வேண்டும்.

"HTML குறியீடு" பொத்தானைத் தேர்ந்தெடுப்பதன் மூலம் குறிச்சொல்லைப் பெறவும்

இறுதிப் படியில் ஒட்ட வேண்டும். இதன் விளைவாக வரும் குறிச்சொல் உள்ளடக்கத்தின் உதாரணம் கீழே விவாதிக்கப்படும்.

இரண்டு எடுத்துக்காட்டுகளும் தானியங்கி குறியீடு உருவாக்கத்தைப் பயன்படுத்துகின்றன, ஆனால் தொழில்முறை டெவலப்பர்கள் தாங்களாகவே குறியீட்டை எழுத முடியும். முதலாவதாக, இது பக்கத்தின் அமைப்பைப் புரிந்து கொள்ளவும், தேவைப்பட்டால், அதை மாற்றவும் அனுமதிக்கும். இரண்டாவதாக, தள உறுப்புகளின் மார்க்அப் (அவை வெளிப்புற வளத்திற்கு சொந்தமானது என்றாலும்) எப்போதும் வெப்மாஸ்டரின் பங்கேற்பு இல்லாமல் உருவாகாது. இங்குதான் டெவலப்பரின் உயர் தகுதிகள் செயல்படுகின்றன.

தொடரியல்

எனவே, நீங்கள் பக்கத்தை அமைக்கத் தொடங்குவதற்கு முன், நீங்கள் iframe (html) குறிச்சொல்லைக் கருத்தில் கொள்ள வேண்டும்: அது என்ன, அதை எவ்வாறு சரியாகப் பயன்படுத்துவது.

முதலில், குறிச்சொல் இணைக்கப்பட்டுள்ளது என்பதை கவனத்தில் கொள்ள வேண்டும். தொடக்க மற்றும் மூடும் கூறுகளுக்கு இடையில், இந்த மார்க்அப் உறுப்பை ஆதரிக்காத உலாவிகளில் காட்டப்படும் உள்ளடக்கத்தை நீங்கள் குறிப்பிடுகிறீர்கள். முக்கிய குறிச்சொல் பண்புக்கூறுகள்:

அகலம் (அகலம்);
உயரம் (உயரம்);
src (பதிவிறக்கம் செய்யப்பட்ட ஆதாரத்தின் முகவரி);
align (align method);
சட்ட எல்லை;
அனுமதி முழுத்திரை.

எனவே, குறியீடு. HTML உதாரணம் முழுமையாக கீழே காட்டப்பட்டுள்ளது:

மேலே உள்ள மார்க்அப்பில், தள முகவரியை வேறு ஏதேனும் ஒன்றை மாற்றினால் போதும், தேவைப்பட்டால், சட்டத்தின் அளவை சரிசெய்யவும்.

வைரஸ்களுக்கான தளத்தைச் சரிபார்ப்பது, சந்தேகத்திற்குரிய தளங்களுக்கான இணைப்புகளை உள்ளடக்கிய iframe செருகல்களைக் கண்டறியாது, ஆனால் புதிய பதிப்பு AntiVirus செருகுநிரல் WP அவற்றைக் குறிக்கும்.

Iframe செருகல்கள் தீங்கிழைக்கும் குறியீடாக இல்லை, எனவே அவை பெரும்பாலும் வைரஸ்களுக்காக தளத்தை ஸ்கேன் செய்யும் ஆன்லைன் சேவைகளால் கண்டறியப்படுவதில்லை. Iframe செருகல்களைப் பயன்படுத்தி, வெளிப்புற ஆதாரத்தில் இருக்கும் கோப்புகள் அடிக்கடி ஏற்றப்படும். எடுத்துக்காட்டாக, யூ டியூப்பில் இருந்து உங்கள் இணையதளத்தில் வீடியோவைப் பதிவேற்ற இந்த முறையைப் பயன்படுத்தலாம். ஆனால் பெரும்பாலும், சந்தேகத்திற்குரிய உள்ளடக்கத்தின் கோப்புகளை பாதிக்கப்பட்டவரின் இணையதளத்தில் பதிவேற்ற தாக்குபவர்களால் iframe செருகல்கள் பயன்படுத்தப்படுகின்றன.

வெளிப்படையாக பாதிக்கப்பட்ட தளங்களை நான் மீண்டும் மீண்டும் சந்தித்ததாக நான் ஏற்கனவே எழுதியுள்ளேன், ஆனால் முன்னணி வைரஸ் தடுப்பு டெவலப்பர்களின் தரவுத்தளங்களைப் பயன்படுத்தி வைரஸ் தடுப்பு-alarm.ru ஆதாரத்தில் அவற்றைச் சரிபார்ப்பது சந்தேகத்திற்குரிய எதையும் வெளிப்படுத்தவில்லை. 2ip.ru இல் ஒரு சரிபார்ப்பு சந்தேகத்திற்கிடமான iframe செருகல்கள் இருப்பதைக் குறிக்கிறது, ஆனால் குறியீட்டில் ஒரு குறிப்பிட்ட இடத்தைக் குறிப்பிடாமல், அவற்றைக் காணலாம். இந்த செருகல்கள் பயனுள்ளதா அல்லது தீங்கிழைக்கும்தா என்பதையும் அது குறிப்பிடவில்லை.

ஆனால் வெளியீட்டுடன் சமீபத்திய பதிப்பு WP சொருகி மூலம், நிலைமை மாறிவிட்டது. டெவலப்பரின் கூற்றுப்படி, இந்த செருகுநிரல் இப்போது iframe செருகல்களைக் காட்டுகிறது. அவை தீங்கு விளைவிப்பதா இல்லையா என்பதை நீங்களே தீர்மானிக்க முடியும். iframe இன்செர்ட் எப்படி இருக்கும் என்பதை அறிவது:

செருகுநிரல் அதைக் கண்டறிந்தால், இந்தச் செருகலில் குறிப்பிடப்பட்டுள்ள ஆதாரத்தின் முகவரியின் அடிப்படையில், அது பயனுள்ளதா அல்லது தீங்கு விளைவிக்கிறதா என்பதைத் தீர்மானிப்பது எளிது.

தீங்கிழைக்கும் குறியீட்டைக் கண்டுபிடித்து அகற்றும் கணினிகளுக்கான வைரஸ் தடுப்பு மருந்துகளைப் போலன்றி, பெரும்பாலான வைரஸ் தடுப்பு வைரஸ்கள், அவற்றின் பார்வையில் சந்தேகத்திற்குரிய குறியீட்டை மட்டுமே கண்டுபிடிக்கின்றன. அதை அகற்றுவது மற்றும் அகற்றுவது பயனர்களால் எடுக்கப்படுகிறது. மேலும், PHP பற்றி அறிமுகமில்லாத ஆரம்பநிலையாளர்களுக்கு, தீம் சோதிக்க வடிவமைக்கப்பட்ட TAC செருகுநிரல் மட்டுமே உண்மையில் உதவும். ஒரே ஒரு செருகுநிரலை மட்டும் கண்டுபிடிப்பது மட்டுமல்லாமல், மோசமான குறியீட்டை நீக்குவதும் எனக்குத் தெரியும். துரதிர்ஷ்டவசமாக, இந்த சொருகி ஒரு விரும்பத்தகாத அம்சத்தைக் கொண்டுள்ளது. தளத்தில் தொற்றுநோயை சமாளிக்க முடியாவிட்டால், அனுமதி கேட்காமல் தளத்திற்கான அணுகலை அது தடுக்கிறது.

எனவே, உங்கள் தளத்தில் சந்தேகத்திற்கிடமான எதுவும் நடக்கவில்லை என்றால், வைரஸ் தடுப்பு செருகுநிரல்களை நிறுவ வேண்டாம். வைரஸ்களுக்கான இணையதளத்தில் தடுப்புச் சோதனையைச் செய்ய, மேலே குறிப்பிட்டுள்ள ஆன்லைன் சேவைகளைப் பயன்படுத்துவது புத்திசாலித்தனம். இந்தச் சேவைகளில் ஏதேனும் சந்தேகத்திற்குரியதாகக் கண்டறியப்பட்ட பிறகுதான், இருப்பிடத்தைக் குறிப்பிட உதவும் செருகுநிரல்களுக்கு நீங்கள் திரும்ப முடியும். தீங்கிழைக்கும் குறியீடு. மீண்டும், அனைவருக்கும் இதற்கான தகுதிகள் இல்லை. தொழில்நுட்ப ஊழியர்களிடமிருந்து உதவி பெற ஆரம்பநிலைக்கு எளிதாக இருக்கும். ஹோஸ்டிங் ஆதரவு.

உரிமையாளரின் கணினி பாதிக்கப்பட்ட பிறகு, தளங்களின் சிங்கப் பங்கு பாதிக்கப்படும். இதன் விளைவாக, நிர்வாகி உள்நுழைவு மற்றும் கடவுச்சொல் திருடப்பட்டது. பேனல்கள் அல்லது ஹோஸ்டிங்கிலிருந்து. மேலும் ஹேக்கிங்கின் விளைவாக ஒரு சிறிய பகுதி மட்டுமே பாதிக்கப்படும். எனவே, தளத்தைப் பாதுகாப்பதற்கான மிக முக்கியமான நடவடிக்கை உங்கள் கணினியின் பாதுகாப்பைப் பராமரிப்பதாகும். கம்ப்யூட்டரில் ஒரு நல்ல விஷயம் இருக்க வேண்டும் என்பதை மறந்துவிடாதீர்கள்.

நாங்கள் ஒரு அனலாக் செய்தோம் கூகுள் கருவிவெப்மாஸ்டர் மார்க்கர். மார்க்கர் என்பது Google Webmaster கணக்கில் உள்ள ஒரு கருவியாகும், இது உங்கள் திறந்த வரைபட பக்கங்களை குறிச்சொற்களுடன் சிறுகுறிப்பு செய்ய அனுமதிக்கிறது. இதைச் செய்ய, உங்கள் மவுஸ் மூலம் பக்கத்தில் உள்ள உரையின் ஒரு பகுதியைத் தேர்ந்தெடுத்து, இது தலைப்பு மற்றும் இது மதிப்பீடு என்பதைக் குறிக்கவும். உங்கள் பக்கம் வெப்மாஸ்டரின் கணக்கில் உள்ள Iframe இல் ஏற்றப்படும்.

இப்போது கூகிள், உங்கள் தளத்தில் இதே போன்ற பக்கத்தை எதிர்கொண்டதால், அதில் என்ன வகையான உள்ளடக்கம் வெளியிடப்பட்டுள்ளது என்பதையும், அதன் சாராம்சத்தில் (கட்டுரை, தயாரிப்பு, வீடியோ..) அழகாக அலசுவது எப்படி என்பது ஏற்கனவே தெரியும்.

எங்களுக்கு இதே போன்ற செயல்பாடு தேவைப்பட்டது. பணி எளிமையானதாகவும் பிரத்தியேகமாக வாடிக்கையாளர் பக்கமாகவும் தோன்றியது. இருப்பினும், நடைமுறையில், தீர்வு கிளையன்ட்சைடு மற்றும் சர்வர்சைடு சந்திப்பில் உள்ளது ("தூய" JS புரோகிராமர்களுக்கு பல்வேறு ப்ராக்ஸி சர்வர்களை பற்றி எதுவும் தெரியாது மற்றும் திட்டத்தை அணுகுவதற்கு மிக நீண்ட நேரம் எடுக்கும்). இருப்பினும், ஆரம்பம் முதல் இறுதி வரை முழு தொழில்நுட்பத்தையும் விவரிக்கும் ஒரு கட்டுரையை நான் இணையத்தில் காணவில்லை. BeLove பயனர் மற்றும் அவர்களின் உதவிக்காக எங்கள் பாதுகாப்புக் காவலர்களுக்கு நன்றி சொல்ல விரும்புகிறேன்.

எங்கள் விஷயத்தில், வெப்மாஸ்டர் வசதியாக (மவுஸைக் கிளிக் செய்வதன் மூலம்) அவரது பக்கத்தில் உள்ள சில உறுப்புகளுக்கான xPath மதிப்பைப் பெற வேண்டும் என்று நாங்கள் விரும்புகிறோம்.

Iframe “Same Origin” எனவே எங்கள் நிர்வாக குழுவில் ஒருவர் தனது தளத்தின் பக்கத்தின் URL ஐ உள்ளிட வேண்டும், அதை iFrame இல் காண்பிப்போம், அந்த நபர் தேவையான இடத்தில் சுட்டியை சுட்டிக்காட்டுவார், தேவையான xPath ஐப் பெறுவோம். எல்லாம் சரியாகிவிடும், ஆனால் உலாவியின் பாதுகாப்புக் கொள்கையின் காரணமாக, எங்கள் நிர்வாகப் பலகத்தில் (எங்கள் டொமைன்) ஐஃப்ரேமில் ஏற்றப்பட்ட மற்றொரு டொமைனிலிருந்து பக்கத்தின் உள்ளடக்கத்தை அணுக முடியாது. CORS - கிராஸ் ஆரிஜின் ஆதாரப் பகிர்வு சிலர் எனக்கு அறிவுறுத்தினர் CORS ஐப் பயன்படுத்த. உலாவியில் உள்ள மற்றொரு டொமைனிலிருந்து உள்ளடக்கத்தை அணுகுவதில் உள்ள பல சிக்கல்களைத் தீர்க்கும் நாகரீகமான தொழில்நுட்பம் மற்றும் அதே மூலக் கொள்கைக் கட்டுப்பாடுகளைத் தவிர்க்க உங்களை அனுமதிக்கிறது.
வேறொருவரின் டொமைனின் பக்கங்களில் அதன் உள்ளடக்கத்திற்கான அணுகலை வழங்க விரும்பும் ஒரு தளம் http தலைப்பில் எழுதுகிறது:
Access-Control-Allow-Origin: http://example.com
உலாவியில் இருந்து மற்றொரு டொமைனின் பக்கத்திலிருந்து வரும் கோரிக்கையின் http தலைப்பில் ஒரு மூலப் புலம் இருக்க வேண்டும்:
தோற்றம்: www.mysupersite.com
உலாவியே கோரிக்கையில் மூலப் பகுதியைச் சேர்க்கிறது என்பது தெளிவாகிறது. ஹப்ரே பற்றிய கட்டுரையைச் சேர்த்து என்னவென்று பார்ப்போம் நவீன உலாவிகள்அதே டொமைனுக்கான கோரிக்கையில் கூட மூலத்தைச் சேர்க்கவும்:

எனினும்:

உலாவி தோற்றம் குறிக்கவில்லை iframe இல் பக்கத்தை ஏற்றுவதற்கான கோரிக்கையின் தலைப்பில் (ஏன் என்று யாராவது விளக்க முடியுமா?)

Access-Control-Allow-Origin என்ற தலைப்பைக் குறிப்பிட வெப்மாஸ்டர்களிடம் நாங்கள் கேட்க விரும்பவில்லை

இஃப்ரேம் சாண்ட்பாக்ஸ் மற்றொரு நாகரீகமான தொழில்நுட்பம். சாண்ட்பாக்ஸ் என்பது Iframe குறிச்சொல்லின் ஒரு பண்பு ஆகும். இந்தப் பண்புக்கூறின் மதிப்புகளில் ஒன்றை அனுமதி-அதே தோற்றம் என அமைக்கலாம். நான் இந்த தலைப்பை தோண்டத் தொடங்குவதற்கு முன், இந்த பண்பு சரியாக என்ன செய்கிறது என்று எனக்குத் தெரியவில்லை, ஆனால் அது மிகவும் கவர்ச்சியாக இருந்தது. இருப்பினும், சாண்ட்பாக்ஸ் பண்புக்கூறு, iframe இல் ஏற்றப்பட்ட ஒரு பக்கம் என்ன செய்ய முடியும் என்பதைக் கட்டுப்படுத்துகிறது மற்றும் பெற்றோர் ஆவணத்தில் இருந்து சட்டத்தின் உள்ளடக்கங்களை அணுகுவதில் எந்தத் தாக்கமும் இல்லை.

குறிப்பாக, அனுமதி-அதே தோற்றம் மதிப்பு (அல்லது மாறாக, அது இல்லாதது) ஐஃப்ரேம் எப்போதும் ஒரு வெளிநாட்டு டொமைனில் இருந்து ஏற்றப்பட்டதாகக் கருதப்பட வேண்டும் என்று கூறுகிறது (எடுத்துக்காட்டாக, பெற்றோர் ஆவணத்தின் டொமைனுக்கு நீங்கள் AJAX கோரிக்கையை அனுப்ப முடியாது. ஒரு சட்டகம்)

கூகுள் இதை எப்படி செய்தது என்று பார்ப்போம் பெரிய அண்ணன் எப்படி செய்தார் என்று பார்க்க நேரம்

iframe உறுப்பின் src பண்புக்கூறுக்கு கவனம் செலுத்துவோம்: src="https://wmthighlighter.googleusercontent.com/webmasters/data-highlighter/RenderFrame/007....." - எங்கள் பக்கம் நிர்வாகி குழுவில் ஏற்றப்பட்டது கூகுள் டொமைன். மேலும், இது இன்னும் கடுமையானது: மூல ஆவணத்தில் உள்ள ஸ்கிரிப்டுகள் மற்றும் படங்கள் கூட ப்ராக்ஸி மூலம் இயக்கப்படுகின்றன. அனைத்து src, href... html இல் ப்ராக்ஸி செய்யப்பட்டவைகளுடன் மாற்றப்படுகின்றன. இது போன்ற ஒன்று:

உங்கள் பக்கம் பயன்படுத்தும் அனைத்து ஆதாரங்களும் Google ப்ராக்ஸி சேவையகங்களிலும் சேமிக்கப்படும். உதாரணத்திற்கு எங்களுடையது இங்கே.

CGIProxy? அதையே செய்ய, CGIProxy போன்ற முழு அளவிலான ப்ராக்ஸியை உயர்த்த வேண்டும் என்று உடனடியாக தோன்றியது. இந்த ப்ராக்ஸி சேவையகம் Google இன் wmthighlighter.googleusercontent.com ஐப் போலவே தோராயமாகச் செய்கிறது.
உலாவல் அமர்வைத் தொடங்க ஸ்கிரிப்ட்டின் URL ஐப் பார்வையிடவும். நீங்கள் ப்ராக்ஸி மூலம் ஒரு பக்கத்தைப் பெற்றவுடன், அது இணைக்கும் அனைத்தும் தானாகவே ப்ராக்ஸி வழியாகச் செல்லும். நீங்கள் உலாவும் பக்கங்களை புக்மார்க் செய்யலாம், மேலும் உங்கள் புக்மார்க்குகள் முதல் முறையாக ப்ராக்ஸி வழியாகச் செல்லும். உங்கள் சொந்த பதிலாள்! இருப்பினும், நீங்கள் பணியைச் சுருக்கினால், ஒரு எளிய ப்ராக்ஸியை நீங்களே எழுதுவது மிகவும் எளிதானது. உண்மை என்னவென்றால், கூகிள் இதைச் செய்கிறது, எல்லா பக்க உள்ளடக்கத்தையும் ப்ராக்ஸி மூலம் அனுப்புவது அவசியமில்லை. எங்கள் டொமைனில் இருந்து எந்தப் பக்கத்தின் html சேவை வழங்க வேண்டும், மேலும் அசல் டொமைனிலிருந்து ஆதாரங்களை ஏற்றலாம். இப்போதைக்கு HTTPS ஐ நிராகரித்துள்ளோம்.
இங்கே சூப்பர் செயல்திறன் அல்லது வசதியான அமைப்புகள் தேவையில்லை, மேலும் இதை விரைவாகவும், node.js முதல் php வரை எதையும் பயன்படுத்தியும் செய்யலாம். நாங்கள் ஜாவாவில் ஒரு சர்வ்லெட் எழுதினோம், பக்கத்தைப் பதிவிறக்குங்கள், ப்ராக்ஸி சர்வ்லெட் என்ன செய்ய வேண்டும்? பெறு அளவுருவைப் பயன்படுத்தி, ஏற்றப்பட வேண்டிய பக்கத்தின் url ஐப் பெறுகிறோம், பின்னர் பக்கத்தைப் பதிவிறக்கவும்.

பக்கத்தின் குறியாக்கத்தைத் தீர்மானிக்கவும் (http மறுமொழி அல்லது html இல் எழுத்துக்குறி மூலம்) - நாங்கள் ஏற்றிய பக்கத்தின் அதே குறியாக்கத்தில் எங்கள் ப்ராக்ஸி பதிலளிக்க வேண்டும். நாங்கள் உரை/html இல் பக்கத்தைப் பெறுகிறோம் என்பது தெளிவாகத் தெரிந்தாலும், அதே வழியில் அதைத் திருப்பித் தருவோம்.
இறுதி சரம் url = request.getParameter("url");
இறுதி HttpGet requestApache = புதிய HttpGet(url);

இறுதி HttpClient httpClient = புதிய DefaultHttpClient();
இறுதி HttpResponse responseApache = httpClient.execute(requestApache);
இறுதி HttpEntity நிறுவனம் = responseApache.getEntity();
இறுதி சரம் குறியாக்கம் = EntityUtils.getContentCharSet(entity);
இறுதி சரம் மைம் = EntityUtils.getContentMimeType(entity);
String responseText = IOUtils.toString(entity.getContent(), encoding); *மற்றவர்களின் குறியீட்டை மதிப்பிட விரும்புவோருக்கு: எங்கள் குழுவில், அனைவருக்கும் ஒரே மாதிரியான கிரகண குறியீடு வடிவமைப்பு அமைப்புகள் உள்ளன, மேலும் ஒரு கோப்பைச் சேமிக்கும் போது, வேறு எங்கும் மாறாமல் இருந்தால், எல்லா மாறிகளுக்கும் கிரகணமே இறுதியைச் சேர்க்கிறது. இது, இறுதியில் மிகவும் வசதியானது.பக்கக் குறியீட்டில் உள்ள தொடர்புடைய URLகளை முழுமையானவையாக மாற்றுதல், பக்கத்தில் உள்ள அனைத்து பண்புக்கூறுகளையும் src மற்றும் href (நடை கோப்புகள், படங்களின் பாதைகள்) கொண்டு செல்ல வேண்டும், மேலும் தொடர்புடைய URLகளை முழுமையானவற்றுடன் மாற்ற வேண்டும். இல்லையெனில், எங்கள் ப்ராக்ஸியில் உள்ள சில கோப்புறைகளிலிருந்து படங்களை பதிவிறக்கம் செய்ய பக்கம் முயற்சிக்கும், இது நம்மிடம் இயல்பாகவே இல்லை. எந்த மொழியிலும் ஆயத்த வகுப்புகள் உள்ளன அல்லது ஸ்டாக்ஓவர்ஃப்ளோவில் இதற்கான குறியீடு துணுக்குகளை நீங்கள் காணலாம்:
நிச்சயமாக, எங்கள் ப்ராக்ஸியில் இவற்றைத் தடைசெய்ய முயற்சிக்கிறோம், யாராவது லோக்கல் ஹோஸ்டைப் ப்ராக்ஸி செய்ய முயற்சித்தால், எதையும் திருப்பித் தராமல் வெளியேறுவோம்:
if (url.contains("localhost")||url.contains("127")||url.contains("highlighter")||url.contains("file")) ( LOG.debug("பெற முயற்சிக்கிறது உள்ளூர் ஆதாரம் = "+ url); திரும்பவும்; )
ஆனால் அனைத்து நெட்வொர்க் ஆதாரங்களையும் இங்கே பட்டியலிட மாட்டோம். இதன் பொருள், ப்ராக்ஸியை முற்றிலும் தனிமைப்படுத்தப்பட்ட சூழலுக்கு நகர்த்த வேண்டும், இதனால் இயந்திரம் இணையம், தன்னை மற்றும் எங்கள் ப்ராக்ஸியைத் தவிர வேறு எதையும் பார்க்காது. நாங்கள் ஒரு இயந்திரத்தைத் தேர்ந்தெடுத்து, எங்கள் சர்வ்லெட்டை உள்ளமைத்து தொடங்குகிறோம்.
எச்சரிக்கை ("xss")
ஒரு எச்சரிக்கை தோன்றும். வருத்தமாக. ஐஃப்ரேம் சாண்ட்பாக்ஸ் அனுமதி-ஸ்கிரிப்ட் பண்புக்கூறு மூலம் இதைத் தவிர்க்கலாம், ஆனால் இந்தப் பண்புக்கூறு உண்மையில் புரியாத பழைய உலாவிகளைப் பற்றி என்ன? உங்கள் குக்கீகளை மட்டுமே நீங்கள் திருட முடியும், ஆனால் நீங்கள் இன்னும் அவற்றை அப்படியே விட்டுவிட முடியாது.
நாங்கள் சர்வ்லெட்டை ஒரு தனி இயந்திரத்திற்கு நகர்த்துவது மட்டுமல்லாமல், அதற்கு தனி துணை டொமைனை highlighter.indexisto.com ஐயும் தருகிறோம்.

நாங்கள் வந்தோம், குறுக்கு-டொமைன் கட்டுப்பாடுகளைத் தவிர்த்து எங்களின் சொந்த தீர்வை நாங்கள் உடைத்தோம். இப்போது மீண்டும் iframe உள்ளடக்கத்தை எங்களால் அடைய முடியாது.

Google இலிருந்து ஒரு தீர்வைத் தேடுவதைத் தொடர்ந்து, ப்ராக்ஸி மூலம் வழங்கப்பட்ட எங்கள் பக்கத்தை ஒரு தனி சாளரத்தில் திறந்தேன்

கன்சோலில் ஒரு விசித்திரமான பிழையை நான் கவனித்தேன்.
CrossPageChannel: இணைக்க முடியவில்லை, பியர் விண்டோ ஆப்ஜெக்ட் அமைக்கப்படவில்லை.
உங்கள் டொமைனில் இருந்து ஒரு பக்கத்தை ஐஃப்ரேமில் ஏற்றுவதை விட எல்லாவற்றையும் ஒழுங்கமைப்பது மிகவும் சிக்கலானது என்பது தெளிவாகியது. பக்கங்கள் ஒருவருக்கொருவர் தொடர்பு கொள்கின்றன. அதன்படி, நாம் window.postMessage நோக்கி நகர்கிறோம்

செய்தியை இடுகையிட, வெப்மாஸ்டரை அவர்களின் பக்கத்தில் எங்கள் ஸ்கிரிப்டை உட்பொதிக்க வற்புறுத்துவது மனிதாபிமானமற்றது, இது பக்க உறுப்புகள் மவுஸ் மூலம் தேர்ந்தெடுக்கப்பட்டதை உறுதிசெய்யும், பின்னர் இந்த உறுப்புகளின் xPath போஸ்ட்மெசேஜ் வழியாக பெற்றோர் ஆவணத்தில் எங்களுக்கு அனுப்பப்படும். இருப்பினும், iFrame இல் ஏற்றப்பட்ட பக்கத்தில் எந்த ஸ்கிரிப்ட்களையும் உட்பொதிப்பதை யாரும் எங்கள் ப்ராக்ஸியைத் தடுக்கவில்லை.
செயல்படுத்துவதற்குத் தேவையான அனைத்து ஸ்கிரிப்ட்களையும் ஒரு கோப்பில் சேமித்து, மூடுவதற்கு முன் அவற்றைச் செருகுவோம்:
இறுதி int positionToInsert = responseText.indexOf("");
சோதனைக்கு, நாங்கள் ஒரு விழிப்பூட்டலைச் செருகுவோம் - எல்லாம் வேலை செய்கிறது - நாங்கள் மவுஸின் கீழ் வீட்டு உறுப்பைத் தனிப்படுத்துகிறோம் மற்றும் xpath ஐப் பெறுகிறோம், சரி, வெப்மாஸ்டரின் பக்கத்தில் நாம் செருகிய உண்மையான JS க்கு செல்லலாம்.
ஒரு நபர் சுட்டியை நகர்த்தும் டோம் கூறுகளை நாம் முன்னிலைப்படுத்த வேண்டும். நிழலைப் பயன்படுத்தி இதைச் செய்வது நல்லது, ஏனெனில் உறுப்பு நகராது மற்றும் முழுப் பக்கமும் குதிக்கும். நாங்கள் உடலில் தொங்கவிட்டு நிகழ்வின் இலக்கைப் பார்க்கிறோம். அதே ஹேண்ட்லரில் நான் தனிமத்தின் xpath ஐ கணக்கிடுகிறேன். ஒரு கிளிக்கிற்கு ஒரு உறுப்பின் xPathஐக் கணக்கிடுவது நல்லது, ஆனால் இந்தச் செயலாக்கத்தில் எந்த மந்தநிலையையும் நான் கவனிக்கவில்லை.
elmFrame.contentWindow.document.body.onmouseover= function(ev)( ev.target.style.boxShadow = "0px 0px 5px red"; curXpath = getXPathFromElement(ev.target); )
DOM உறுப்பின் xPath ஐப் பெறுவதற்கான செயலாக்கத்தை நான் இங்கு வழங்கவில்லை. இதை எப்படி செய்வது என்று பல துணுக்குகள் உள்ளன. இந்த துணுக்குகளை உங்கள் தேவைகளுக்கு ஏற்றவாறு மாற்றியமைக்க முடியும், எடுத்துக்காட்டாக, உங்களுக்கு xpath இல் குறிச்சொற்கள் மட்டுமே தேவை. அல்லது ஐடிகள் இருந்தால், ஐடிகள் இல்லை என்றால் வகுப்புகள் தேவையா - ஒவ்வொருவருக்கும் அவரவர் தேவைகள் உள்ளன.

ப்ராக்ஸியின் உதாரணம் இங்கே முகப்பு பக்கம்உட்பொதிக்கப்பட்ட ஸ்கிரிப்ட் கொண்ட ஹப்ர்:
http://highlighter.indexisto.com/?md5=6ec7rdHxUfRkrFy55jrJQA==&url=http%3A%2F%2Fhabrahabr.ru&expires=1390468360

JS பகுதி - கிளிக் செய்வதை செயலாக்குவது iframe இல் உள்ள பக்கத்தில் ஒரு நபரின் கிளிக் உடனடியாக "அணைக்கப்பட்டது" (iframe இல் உள்ள இணைப்பு பின்பற்றப்படாது). பெறப்பட்ட xPath இன் சரத்தையும் பெற்றோர் சாளரத்திற்கு அனுப்புகிறோம் (உறுப்பின் மீது சுட்டியை நகர்த்தும் கட்டத்தில் அதைச் சேமித்தோம்)
document.body.onclick = செயல்பாடு(ev)( window.parent.postMessage(curXpath, "*"); ev.preventDefault(); ev.stopPropagation(); ) லாபம்! அவ்வளவுதான், இப்போது எங்கள் நிர்வாக குழுவில் ஒரு வெப்மாஸ்டர் அவர்களின் பக்கங்களில் உள்ள உறுப்புகளுக்கு xpath பாதைகளை மிக எளிதாகப் பெற முடியும்.

இன்னும் சில பாதுகாப்பைச் சேர்ப்போம், எல்லாமே நமக்குச் செயல்பட்டன, ஆனால் எங்கள் ப்ராக்ஸி முற்றிலும் பாதுகாப்பற்ற முறையில் உலகைப் பார்ப்பதில் சிக்கல் உள்ளது. யார் வேண்டுமானாலும் எதையும் ப்ராக்ஸி செய்யலாம்.

நாங்கள் ப்ராக்ஸியின் முன் nginx ஐ வைக்கிறோம், அது போர்ட் 80 ஐ கேட்கிறது, மேலும் ப்ராக்ஸியை மற்றொரு போர்ட்டிற்கு அகற்றுவோம். 80 ஐத் தவிர மற்ற அனைத்து துறைமுகங்களையும் மூடுகிறோம் வெளி உலகம்.

இப்போது ப்ராக்ஸியை அட்மின் பேனல் மூலம் மட்டுமே செயல்பட வைப்போம். வெப்மாஸ்டர் தனது தளத்தின் URL ஐ உள்ளிடும் தருணத்தில், நாங்கள் விரைவாக சேவையகத்திற்கு ஓடுவோம், அங்கு தற்போதைய TimeStamp + 1 மணிநேரத்தில் இருந்து md5 ஹாஷை உருவாக்குவோம், URL தானே மற்றும் சூப்பர்-ரகசியம்:
இறுதிச் சரம் md5Me = timeStampExpires + urlEncoded + "SUPERSECRET";
இறுதி MessageDigest md = MessageDigest.getInstance("MD5");
md.reset();
md.update(md5Me.getBytes("UTF-8"));

சரம் குறியீடு = Base64.encodeBase64String(md.digest());
குறியீடு = code.replaceAll("/", "_");

குறியீடு = code.replaceAll("\\+","-");

குறியீட்டில் நாம் md5 சரத்தை வழக்கமான ஹெக்ஸாகப் பெறவில்லை, ஆனால் அடிப்படை64 குறியாக்கத்தில், மேலும் இதன் விளைவாக வரும் md5 இல் ஸ்லாஷ் மற்றும் பிளஸ் எழுத்துக்களை அடிக்கோடுகள் மற்றும் கோடுகளுடன் வித்தியாசமாக மாற்றுவோம்.

உண்மை என்னவென்றால், ngnix base64 Filename Safe Alphabet tools ஐப் பயன்படுத்துகிறது.ietf.org/html/rfc3548#page-6

மற்றும் ஜாவா நியமன அடிப்படை64 ஐ வழங்குகிறது.

எங்கள் நிர்வாக குழுவில் பாதுகாப்பான md5 சேவையகத்திலிருந்து பதிலைப் பெற்ற பிறகு, பின்வரும் url ஐ iframe இல் ஏற்ற முயற்சிக்கிறோம்:

highlighter.indexisto.com/?md5=Dr4u2Yeb3NrBQLgyDAFrHg==&url=http%3A%2F%2Fhabrahabr.ru&expires=1389791582

இப்போது நாம் nginx HttpSecureLinkModule தொகுதியை உள்ளமைக்கிறோம். இந்த மாட்யூல் தனக்கு வந்த அனைத்து அளவுருக்களின் md5 ஐ சரிபார்க்கிறது (அதே ரகசிய விசை நிர்வாகி சர்வ்லெட்டில் உள்ள தொகுதியில் பதிவு செய்யப்பட்டுள்ளது), இணைப்பு பாகுபடுத்தப்பட்டதா என்பதைச் சரிபார்க்கிறது, மேலும் இந்த விஷயத்தில் மட்டுமே கோரிக்கையை எங்கள் ப்ராக்ஸி சர்வ்லெட்டுக்கு அனுப்புகிறது. .

இப்போது நிர்வாகி பேனலுக்கு வெளியே இருந்து யாரும் எங்கள் ப்ராக்ஸியைப் பயன்படுத்த முடியாது, மேலும் எங்கள் சர்வரில் கோரப்பட்ட படத்தை எங்கும் செருக முடியாது - அது எப்படியும் ஒரு மணி நேரத்தில் இறந்துவிடும்.

அவ்வளவுதான் நண்பர்களே, கூகிள் அதன் மார்க்கர் கருவி மூலம் ஒரு பக்கத்தில் உள்ள உறுப்பைத் தெளிவாகக் கண்டறிய, ஒரே மாதிரியான பல பக்கங்களில் ஒரே உறுப்பைக் குறிக்க வேண்டும். நீங்கள் மிகவும் துல்லியமாக xpath ஐ உருவாக்கலாம் மற்றும் "post-2334" போன்ற பல்வேறு ஐடிகளை நிராகரிக்கலாம், இது வெளிப்படையாக எங்கள் நிர்வாக குழுவில் ஒரு பக்கத்தில் மட்டுமே வேலை செய்யும்.

உறுப்பு

சட்டங்கள்

வலை வடிவமைப்பின் மோசமான பழைய நாட்களில், ஒவ்வொரு டெவலப்பரின் வாழ்க்கையையும் அழிக்கும் பல கூறுகள் இருந்தன. அவை எப்போதும் மோசமான வடிவமைப்பு அணுகுமுறையாகவே இருந்தன. அதிர்ஷ்டவசமாக உறுப்பு HTML5 இல் நிராகரிக்கப்பட்டது. ஆனால் அல்லது "இன்லைன் பிரேம்" இன்னும் கிடைக்கிறது. அடுத்த பதிப்பில் இது நிறுத்தப்படுமா? ஒருவேளை நாம் தவிர்க்க வேண்டுமா? HTML பக்கத்தை உருவாக்கும் போது இந்த உறுப்பின் பல சரியான பயன்பாடுகள் உள்ளன. ஆனால் அது என்ன, தவறுகளைத் தவிர்க்க அது எவ்வாறு செயல்படுகிறது என்பதை நீங்கள் புரிந்து கொள்ள வேண்டும்.

ஒற்றுமைகள் மற்றும் வேறுபாடுகள் மற்றும்

இந்த இரண்டு கூறுகளும் ஒரு தனி HTML ஆவணத்தை உருவாக்க உங்களை அனுமதிக்கின்றன. தற்போதைய இணையப் பக்கத்தால் குறிப்பிடப்பட்ட ஆவணத்தின் உள்ளடக்கத்திற்கான இணைப்பு src பண்புக்கூறில் குறிப்பிடப்பட்டுள்ளது.

. . . . . .

இடையே உள்ள முக்கிய வேறுபாடு என்னவென்றால், HTML ஆவணம் முன்னுரிமை பெறும் விதியை அது செயல்படுத்துகிறது. தற்போதைய ஆவணத்தின் ஒரு பகுதியாக இருக்கும் ஒரு உறுப்புக்குள் உள்ளடக்கம் காட்டப்படும். உதாரணமாக, YouTube இலிருந்து எடுக்கப்பட்ட இந்த உட்பொதிக்கப்பட்ட வீடியோவைக் கவனியுங்கள்:

வீடியோ HTML பக்கத்தில் தெளிவாக உள்ளது மற்றும் தனி பேனலில் இல்லை. உறுப்பு இந்த முன்னுதாரணத்தை உடைத்து, ஆவணத்தை உலாவி சாளரத்தின் மீது கட்டுப்பாட்டைப் பயன்படுத்த அனுமதித்தது, அதை பல சிறிய பேனல்களாக (பிரேம்கள்) உடைத்து, ஒவ்வொன்றும் ஒரு தனி ஆவணத்தைக் காட்டுகிறது. இந்த அடிப்படை வேறுபாட்டிற்கு இடையேயான மற்றும் பின்பற்றும் மற்ற அனைத்து வேறுபாடுகளும்.

ஃப்ரேம் அடிப்படையிலான தளவமைப்புகளை iframes மூலம் ரீமேக் செய்ய வேண்டாம்

சட்டங்களைப் பயன்படுத்தி உருவாக்கப்பட்ட பழைய இணையதளத்தைப் புதுப்பிக்கும் பணியை ஒருநாள் நீங்கள் எதிர்கொள்ள நேரிடலாம். சுயாதீன பேனல்கள் மற்றும் சில்ல்களின் அதே கனவை மீண்டும் உருவாக்க, நிலையான அகல அமைப்பையும் நீங்கள் பயன்படுத்த விரும்பலாம். ஆனால் நீங்கள் ஒரு தனி ஃப்ரேமில் இணைப்பைத் திறக்க இலக்கு பண்புக்கூறைப் பயன்படுத்த முடியாது. நீங்கள் ஜாவாஸ்கிரிப்ட் தீர்வுகளைத் தேட ஆரம்பிக்கலாம். தயவு செய்து அப்படி செய்யாதீர்கள்.

நல்ல (மற்றும் பயங்கரமான) பயன்பாடுகள்

பல சரியான பயன்பாட்டு வழக்குகள் உள்ளன HTML உருவாக்கம்பக்கங்கள்:

மூன்றாம் தரப்பு ஊடக உள்ளடக்கத்தை உட்பொதித்தல்;
குறுக்கு-தளம் ஆவணம் மூலம் உங்கள் சொந்த ஊடக உள்ளடக்கத்தை உட்பொதித்தல்;
குறியீட்டு எடுத்துக்காட்டுகளை உட்பொதித்தல்;
மூன்றாம் தரப்பு "ஆப்லெட்களை" பணம் செலுத்தும் வடிவங்களாக உட்பொதித்தல்.

சில பயங்கரமான பயன்பாட்டு வழக்குகள் இங்கே:

புகைப்பட தொகுப்பு;
மன்றம் அல்லது அரட்டை.

நீங்கள் சுயாதீனமான, முன்பே இருக்கும் HTML ஆவணங்களை தற்போதைய ஆவணத்தில் உட்பொதிக்க வேண்டும் என்றால், பயன்படுத்தவும். நீங்கள் புதிதாக எல்லாவற்றையும் உருவாக்குகிறீர்கள் என்றால், பக்க வடிவமைப்பை பல தனித்தனி ஆவணங்களாகப் பிரிக்க எந்த காரணமும் இல்லை. குறிப்பாக அவை உண்மையில் சுயாதீனமான உள்ளடக்கம் இல்லை என்றால்.

iframe பண்புக்கூறுகள்

பண்பு பெயர்	பொருள்	விளக்கம்
மணல் பெட்டி	அனுமதி-ஒரே தோற்றம் மேல் வழிசெலுத்தலை அனுமதி அனுமதி-படிவங்கள் அனுமதி-ஸ்கிரிப்டுகள்	சட்டத்தில் ஏற்றப்பட்ட உள்ளடக்கத்தில் பல கட்டுப்பாடுகளை அமைக்கிறது. HTML பக்கத்தை உருவாக்கும் முன் அமைக்கவும்.
ஸ்க்ரோலிங்	ஆம் ஆட்டோ இல்லை	சட்டத்தில் சுருள்களைக் காட்ட வேண்டுமா இல்லையா என்பதைத் தீர்மானிக்கிறது. HTML5 இல் நிராகரிக்கப்பட்டது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
பெயர்	பெயர்	சட்டத்தின் பெயரைக் குறிப்பிடுகிறது.
சீரமைக்கவும்	இடது வலது மேல் நடுத்தர கீழே	சுற்றியுள்ள உறுப்புகளுடன் தொடர்புடைய சட்டத்தின் சீரமைப்பை தீர்மானிக்கிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
சட்ட எல்லை	ஆம் (அல்லது 1) இல்லை	சட்டத்தைச் சுற்றி ஒரு பார்டரின் காட்சியை இயக்கப் பயன்படுகிறது. HTML5 இல் நிராகரிக்கப்பட்டது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
longdesc	URL	சட்டகத்தின் உள்ளடக்கங்களின் நீண்ட விளக்கத்தைக் கொண்ட பக்கத்தின் URL ஐக் குறிப்பிடப் பயன்படுகிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
விளிம்பு அகலம்	பிக்சல்கள்	உள்ளடக்கத்திலிருந்து சட்ட எல்லை வரை திணிப்பின் அகலத்தைக் கட்டுப்படுத்தப் பயன்படுகிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
src	URL	IFRAME இல் காண்பிக்க வேண்டிய ஆவண URL ஐக் குறிப்பிடுகிறது.
vspace	பிக்சல்கள்	சட்டகத்திலிருந்து சுற்றியுள்ள உள்ளடக்கத்திற்கு செங்குத்து விளிம்புகளை அமைக்கிறது. காலாவதியானது. அதற்கு பதிலாக CSS ஐப் பயன்படுத்தவும்.
அகலம்	பிக்சல்கள் %	HTML பக்கத்தில் சட்டத்தின் அகலத்தை வரையறுக்கிறது.

இந்த வெளியீடு நட்பு திட்டக் குழுவால் தயாரிக்கப்பட்ட “” கட்டுரையின் மொழிபெயர்ப்பாகும்

ஆசிரியர் தேர்வு