Iframe மற்றும் Frame - அவை என்ன மற்றும் Html இல் பிரேம்களை எவ்வாறு பயன்படுத்துவது. HTML இல் பிரேம்களைப் பயன்படுத்துதல் ஒரு சட்டத்தில் உள்ள இணைப்பைப் பயன்படுத்தி ஆவணங்களை எவ்வாறு திறப்பது
"பிரேம்" என்ற சொல் நமக்கு வந்தது ஆங்கிலத்தில். மொழிபெயர்க்கப்பட்ட, இந்த வார்த்தையின் அர்த்தம் "சட்டகம்" மற்றும் சாளரத்தின் ஒரு தனி பகுதியைக் குறிக்கிறது. அதன் கட்டமைப்பில், அத்தகைய பிரிவு முற்றிலும் முடிக்கப்பட்ட HTML ஆவணமாகும்.
தனிப்பட்ட பிரேம்கள் உலாவி சாளரங்களை பக்கவாட்டில் வைக்கப்படும் பகுதிகளாகப் பிரிக்கின்றன. இந்த வழக்கில், ஒவ்வொரு சட்டமும் அதன் சொந்த முழுப் பக்கத்துடன் ஏற்றப்படும். பிரேம் தொழில்நுட்பம் இன்னும் நிறைய சர்ச்சைகளை ஏற்படுத்துகிறது, ஆனால் அதன் பிரபலத்தின் உச்சம் ஏற்கனவே கடந்துவிட்டதாக சொல்ல வேண்டும். IN இந்த நேரத்தில்இந்த தொழில்நுட்பம் நிராகரிக்கப்பட்டது மற்றும் வழக்கமான பிரேம்கள் இனி HTML5 இல் ஆதரிக்கப்படாது.
தொழில்நுட்பத்தின் வரலாறு
பிரேம் தொழில்நுட்பத்துடன் வேலை செய்வதிலிருந்து விலகிச் செல்வதற்கான முடிவு இறுதியாக எடுக்கப்பட்டது என்று இன்று நாம் கூறலாம். https://www.w3.org/TR/html5-diff/#obsolete-elements என்ற தளம், அத்தகைய கட்டமைப்பை உருவாக்குவதற்கான வழக்கமான ஃப்ரேம், ஃப்ரேம்செட் மற்றும் நோஃப்ரேம்கள் குறிச்சொற்கள் நிராகரிக்கப்பட்டது என்று தெளிவாகக் கூறுகிறது. ஒரு வாதமாக, அத்தகைய கட்டமைப்பின் பயன்பாடு தளங்களின் பயன்பாட்டினை மற்றும் இணையத்தில் அவற்றின் அணுகலை எதிர்மறையாக பாதிக்கிறது என்று தரவு வழங்கப்படுகிறது.
ஆனால் நவீன தொழில்நுட்பங்கள் IFRAME உறுப்பை ஆதரிக்கின்றன. அதன் பயன்பாடு பக்கங்களில் உள்ள உரைத் தொகுதிகளில் சட்டங்களைச் செருக அனுமதிக்கிறது. மேலும், அத்தகைய கூறுகளை உரையுடன் ஒப்பிடலாம். முக்கியமான புள்ளி: கொள்கையளவில் உள்ளமைக்கப்பட்ட பிரேம்களின் அளவை மாற்றுவது சாத்தியமில்லை. மறுஅளவிடலுக்கான பொருத்தமான பண்பு அவர்களிடம் இல்லை.
எதிர்காலத்தில், தொழில்நுட்பத்தில் பாய்ச்சல் இல்லாமல், பிரேம்களை மேலும் பயன்படுத்துவது சாத்தியமில்லை. இணைய தொழில்நுட்பங்களின் தரப்படுத்தலுக்கான முன்னணி அமைப்பு - W3C - அத்தகைய கட்டமைப்புகளை வலைத்தள உருவாக்குநர்கள் பயன்படுத்தக்கூடாது என்று தெளிவாக சுட்டிக்காட்டியுள்ளது என்பதை நினைவில் கொள்வது மதிப்பு.
அதாவது, பிரேம்கள், கொள்கையளவில், புதிய ஆதாரங்களை உருவாக்கும் போது பக்கங்களை கட்டமைக்க பயன்படுத்தக்கூடாது. ஆனால் தற்போதுள்ள தளங்களின் ஆதரவு மற்றும் மேம்பாட்டுடன், தொழில்நுட்பத்தின் அம்சங்கள் மற்றும் அவற்றின் பயன்பாடு பற்றிய அறிவு மிகவும் பயனுள்ளதாகவும் பயனுள்ளதாகவும் இருக்கும்.
பிரேம்களின் நன்மைகள்
பிரேம் தொழில்நுட்பத்தின் நன்மைகளில், பயன்பாட்டின் எளிமை, அதிக வேகம் மற்றும் சாளரத்தின் சில பகுதிகளில் தகவல்களைத் துல்லியமாக நிலைநிறுத்தும் திறன் ஆகியவை அடங்கும்.
பிரேம்களின் பயன்பாடு தளத்துடன் பணிபுரியும் போது கடத்தப்பட்ட போக்குவரத்தின் அளவை சேமிப்பதை வழங்குகிறது. எல்லாவற்றிற்கும் மேலாக, தகவலின் மற்றொரு பகுதியை அணுகும்போது, வழக்கமாக பக்கத்தின் ஒரு பகுதி மட்டுமே புதுப்பிக்கப்படும், அதன் முழு குறியீடு அல்ல.
இந்த அமைப்பு வள உள்ளடக்கத்தின் மூலம் சுவாரஸ்யமான வழிசெலுத்தல் விருப்பங்களை வழங்குகிறது. எல்லாவற்றிற்கும் மேலாக, உலாவி சாளரத்தில் அருகிலுள்ள பிரேம்களில் நீங்கள் பல்வேறு தகவல் தொகுதிகளைக் காணலாம். ஒரு சட்டகத்திற்குள் தேடுவது ஒரு தனிப் பக்கத்தில் அத்தகைய செயல்பாட்டைச் செய்வதற்குச் சமம் என்பதை பயனர்கள் அறிந்து கொள்வது அவசியம்.
தளத்துடன் பணிபுரியும் போது, நீங்கள் ஒரு தனி பிரிவின் அளவை மாறும் வகையில் மாற்றலாம், இது மற்ற தொழில்நுட்ப தீர்வுகளைப் பயன்படுத்தி செயல்படுத்த கடினமாக உள்ளது.
சாத்தியமான தீமைகள்
பிரேம்களைப் பயன்படுத்தும் வலைத்தளங்களில் உள்ள சிக்கல்கள் படிப்படியாக குவிந்தன, ஆனால் இன்று அவை வாசலை எட்டியுள்ளன. முக்கிய தீமைகள் மத்தியில்:
திருப்தியற்ற பயன்பாடு. இன்று, சிறிய திரைத் தீர்மானங்களைக் கொண்ட மொபைல் சாதனங்கள் மற்றும் டேப்லெட்களைப் பயன்படுத்துபவர்களின் பங்கு அதிகரித்து வருகிறது மற்றும் டெஸ்க்டாப் கணினிகள் மற்றும் மடிக்கணினிகளில் இருந்து தளங்களைப் பார்வையிடுபவர்களின் எண்ணிக்கையை ஏற்கனவே தாண்டியுள்ளது. இங்கே பிரேம்களின் பயன்பாடு, பக்கங்களில் காட்டப்படும் போது தகவமைப்புத் திறனுடன் கடுமையான சிக்கல்களை உருவாக்குகிறது பல்வேறு சாதனங்கள். இந்த பிரச்சனைக்கு இன்று நடைமுறை தீர்வு இல்லை.
தள அணுகல் தன்மை மோசமடைதல் பல்வேறு திட்டங்கள். கூடுதல் நிரல்களின் எண்ணிக்கையில் அதிகரிப்பு (உதாரணமாக, ஸ்கிரீன் ரீடர்கள்) வாசிப்பதற்கான தகவல் மிகவும் மோசமானதாக இருப்பதை வெளிப்படுத்துகிறது.
பக்கங்கள் சரியாகக் காட்டப்படவில்லை. வடிவமைப்புக் கண்ணோட்டத்தில் உலாவிகளில் பெரும்பாலும் அத்தகைய கட்டமைப்பைக் கொண்ட பக்கங்களின் தளவமைப்பு தவறாகத் தெரிகிறது. இது தொழில்நுட்பத்தின் அம்சங்கள் காரணமாகும். ஒரு எஸ்சிஓ பார்வையில், பக்கத்தின் HTML அமைப்பில் பிரேம்களைப் பயன்படுத்துவது மிகவும் விரும்பத்தகாதது.
முழு கட்டமைப்புக்கும் ஒரே முகவரியின் கிடைக்கும் தன்மை. இதன் விளைவாக, அத்தகைய தளத்தின் உள் பக்கங்களை புக்மார்க் செய்ய முடியாது. இது பயனர்களுக்கு சிரமத்தை ஏற்படுத்துகிறது.
தேடுபொறிகள் மூலம் தவறான அட்டவணைப்படுத்தல். பல முழு அளவிலான ஆவணங்களின் இணையதளத்தில் இருப்பது, அதில் இருந்து ஒரு பக்கம் உருவாகிறது, தேடுபொறிகளின் வேலையை கணிசமாக சிக்கலாக்குகிறது. இது குறியீட்டின் போது குறிப்பிடத்தக்க பிழைகளுக்கு வழிவகுக்கிறது. இதன் விளைவாக, தலைப்புகள் மற்றும் பக்க முகவரிகளின் தவறான வரையறை அட்டவணைப்படுத்தலில் இருந்து முக்கியமான உள்ளடக்கத்தை இழக்க வழிவகுக்கிறது.
அவமரியாதை. நெட்வொர்க்கில் உள்ள ஆதாரங்களுக்கு இது ஒரு அசாதாரண குறைபாடு. இன்னும், பிரேம்களில் உள்ள தளங்களின் தளவமைப்பு வழக்கற்றுப் போகிறது என்பது அத்தகைய ஆதாரங்களின் ஆசிரியர்கள் மற்றும் உரிமையாளர்கள் பிற்போக்குத்தனமாக கருதப்படுவதற்கு வழிவகுக்கிறது என்று சொல்ல வேண்டும். ஆனால் சில விதிவிலக்குகள் உள்ளன. அரட்டை அறைகளை வழங்கும் நவீன தளங்கள் கூட பொதுவாக பிரேம்களைப் பயன்படுத்துகின்றன.
தேடுபொறிகள் மூலம் சட்டங்களை அட்டவணைப்படுத்துதல்
தேடுபொறிகளில் இருந்து வரும் தகவல்கள், பிரேம்களைக் கொண்ட தளங்கள் குறியிடப்படுவது குறிப்பிடத்தக்க அளவு மெதுவாக இருப்பதை நமக்குத் தெளிவாகக் கூறுகிறது. இந்த வழக்கில், கட்டமைப்பு தொடர்பான பிழைகள் பெரும்பாலும் எழுகின்றன. எல்லாவற்றிற்கும் மேலாக, ஒவ்வொரு சட்டமும் ஒரு முழு அளவிலான இணையப் பக்கத்தைக் காட்டுகிறது. தளத்தின் அத்தகைய ஒரு பகுதி அட்டவணையிடல் தரவுத்தளத்தில் சேர்க்கப்படலாம்.
அத்தகைய அட்டவணைப்படுத்தலின் எதிர்மறை அம்சம் என்னவென்றால், பக்கத்தின் உள்ளே செல்லும் போது, பயனர் பொதுவாக மெனுக்கள் மற்றும் பிற வழிசெலுத்தல் வழிமுறைகளைக் காணவில்லை. மேலும் இது ஆச்சரியமல்ல. சட்டத்தை புதுப்பிப்பது இந்த விஷயத்தில் சிக்கலுக்கு ஒரு தீர்வு அல்ல என்பதை நீங்கள் புரிந்து கொள்ள வேண்டும். எல்லாவற்றிற்கும் மேலாக, அனைத்து வழிசெலுத்தல் வழிமுறைகளும் மற்றொரு கொள்கலனில் வைக்கப்படுகின்றன.
மற்றொரு சிக்கல் என்னவென்றால், பெரும்பாலும் கொள்கலன் கட்டமைப்பின் பிரதான பக்கத்தில் ஒரு தலைப்பு, மெட்டா விளக்கக் குறிச்சொற்கள் மற்றும் ஒரு FRAMESET குறிச்சொல் மட்டுமே இருக்கும். இது தர்க்கரீதியானதாகத் தெரிகிறது - எல்லாவற்றிற்கும் மேலாக, அர்த்தமுள்ள உள்ளடக்கம் தனி ஆவணங்களில் வைக்கப்பட்டுள்ளது. தள பார்வையாளர்கள் பக்கத்தை பிரேம்களில் பார்ப்பார்கள்.
ஆனால் ஒரு தேடல் ரோபோ கிட்டத்தட்ட அத்தகைய பக்கத்தை அட்டவணைப்படுத்தாது. பார்வையாளர்களுக்கு பயனுள்ள எந்த உள்ளடக்கத்தையும் அவர் அதில் காணவில்லை. தேடல் போட்கள், உடல் குறிச்சொல்லின் உள்ளே வைக்கப்பட்டுள்ள தகவலை மீட்டெடுக்க மற்றும் குறியீட்டு செய்ய முயற்சிக்கும் வகையில் கட்டமைக்கப்படுகின்றன. பயனருக்கு பயனுள்ள உள்ளடக்கத்திற்கான தேடல் இங்குதான் நிகழ்கிறது. ஆனால் சட்டப் பக்கத்தில் அத்தகைய குறிச்சொல் எதுவும் இல்லை, அது FRAMESET ஆல் மாற்றப்பட்டுள்ளது.
இந்த சிக்கலை NOFRAMES ஐப் பயன்படுத்தி ஓரளவு தீர்க்க முடியும். ஆனால் பல தளங்களில், அதை அணுகும் போது, பிரவுசர் ஃப்ரேம்களை ஆதரிக்கவில்லை என்ற தகவல் மட்டுமே கொடுக்கப்பட்டுள்ளது. பக்கத்தைப் பார்க்க நீங்கள் மற்றொரு நிரலைப் பயன்படுத்த வேண்டும்.
ஒரு தளத்தைப் பார்வையிடும் போது, காட்டப்பட வேண்டிய மெனு மற்றும் பிற தகவல்களைப் பார்க்காத பயனர்களுக்கு இதுபோன்ற நிகழ்வுகள் பல சிக்கல்களை உருவாக்குகின்றன. ஒரு இணையதளத்தில் ஃப்ரேம்கள் வைக்கப்பட்டால், எஸ்சிஓ பார்வையில் அதன் அளவுருக்கள் குறைக்கப்படும். அதே நேரத்தில், தேடுபொறிகள் மத்தியில் வளத்தின் அதிகாரம் வீழ்ச்சியடைந்து வருவதை பயனர் நடத்தை புள்ளிவிவரங்கள் குறிப்பிடுகின்றன. இது நிச்சயமாக வலைத்தள போக்குவரத்தில் எதிர்மறையான தாக்கத்தை ஏற்படுத்துகிறது.
தேடுபொறிகள் மற்றும் குறியீட்டு போட்கள் உள்ளமை மற்றும் பல பணியாளர் கட்டமைப்புகளை செயலாக்குவது மிகவும் கடினம். ஒவ்வொரு கொள்கலனும் ஒரு தனி ஆவணத்தின் அனைத்து அம்சங்களையும் கொண்டுள்ளது, ஆனால் முழு வழிசெலுத்தல் மற்றும் பிற தகவல்களைக் கொண்டிருக்கவில்லை என்பது நிலைமையை மேலும் சிக்கலாக்குகிறது.
பக்கங்களில் சரியான இணைப்பைப் பயன்படுத்தி தேடுபொறிகளின் வேலையை எளிதாக்கலாம். இந்த வழக்கில், நீங்கள் அனைத்து மெனு இணைப்புகளையும் நகலெடுக்க வேண்டும், இதனால் அவை பக்கத்தின் ஒவ்வொரு பகுதியிலும் காணப்படுகின்றன. ஆனால் இது தளத்தை மேம்படுத்துதல் மற்றும் அதன் தகவலை புதுப்பித்தல் ஆகியவற்றின் வேலையை கணிசமாக சிக்கலாக்குகிறது மற்றும் குறைக்கிறது.
பல ஆப்டிமைசர்கள் மற்றும் வெப்மாஸ்டர்களின் அனுபவம், பிரேம்களில் உள்ள பக்கங்கள் தேடல் முடிவுகளில் உயர் தரவரிசைகளைப் பெறுவதில்லை என்று கூறுகிறது. அவை அட்டவணையிடல் தரவுத்தளத்தில் சேர்க்கப்பட்டாலும் இது நடக்கும்.
பிரேம்களில் இணையதள விளம்பரத்தின் அம்சங்கள்
சில தேடுபொறிகள் கோப்புகளை தவறாக அல்லது மிகவும் தவறாக அட்டவணைப்படுத்துகின்றன. இதன் விளைவாக, குறியீட்டு தரவுத்தளம் பெற்றோர் ஆதாரங்களின் முகவரிகளால் நிரப்பப்படவில்லை (அது இருக்க வேண்டும்), ஆனால் குழந்தை தளங்களுக்கான இணைப்புகளுடன்.
பிரேம்களின் அடிப்படையில் குறியீட்டு தளங்களின் சிக்கல்களைக் குறைக்க, அவற்றை விவரிக்கும் போது சிறப்பு குறிச்சொற்கள் மற்றும் அளவுருக்கள் பயன்படுத்தப்படுகின்றன. கொள்கலன் கட்டமைப்பின் முக்கிய உறுப்பு பிரேம்செட் ஆகும். மூலக் குறியீட்டில் உள்ள நிலையான உடலை அவர் மாற்றுகிறார். கட்டமைப்பில் உள்ள ஒவ்வொரு கொள்கலனும் ஒரு சட்டத்தால் விவரிக்கப்படுகிறது. பக்கக் குறியீட்டில் உள்ள அதன் அளவு, பார்க்கும்போது உலாவி சாளரத்தில் காட்டப்படும் தனிப்பட்ட பிரிவுகளின் எண்ணிக்கையை ஒத்துள்ளது.
இந்த குறிச்சொற்கள் வைக்கப்பட வேண்டும் முகப்பு பக்கம்தளம், பின்னர் அவை ஒவ்வொன்றிலும் உள்ள உள்ளடக்கத்தை நகலெடுக்கவும்.
பிரேம்களின் பயன்பாட்டின் பகுதிகள்
HTML ஆவணங்களின் டெவலப்பர்கள் பக்கங்களில் தகவல்களைக் காண்பிப்பதற்கான படிவங்களின் பரந்த தேர்வைக் கொண்டுள்ளனர். உரை மற்றும் வரைகலை தகவல்பட்டியல்கள், அட்டவணைகள் அல்லது வெறுமனே சீரமைப்பு விருப்பங்கள், அமைப்பைப் பயன்படுத்தி ஆர்டர் செய்யலாம் மற்றும் ஒழுங்கமைக்கலாம் கிடைமட்ட கோடுகள், பத்திகளாகப் பிரித்தல். சில நேரங்களில் இந்த அம்சங்கள் போதுமானதாக இல்லை, பின்னர் நீங்கள் உலாவி சாளரத்தை தனி பகுதிகள் அல்லது பிரேம்களாக பிரிக்க வேண்டும். HTML மொழியின் பல ரஷ்ய மொழி விளக்கங்களில், பிரேம்கள் என்ற சொல்லுக்கு பதிலாக பிரேம்கள் என்ற சொல் பயன்படுத்தப்படுகிறது. இரண்டு சொற்களின் பயன்பாட்டின் அதிர்வெண் தோராயமாக ஒரே மாதிரியாக இருக்கும்.
WWW இல் தகவல்களைக் காண்பிப்பதற்கான சட்ட கட்டமைப்பின் தேர்வு பின்வரும் சந்தர்ப்பங்களில் நியாயப்படுத்தப்படுகிறது:
தேவைப்பட்டால், மற்றொரு துணைப் பகுதியில் பணிபுரியும் போது உலாவி பார்க்கும் சாளரத்தின் துணைப் பகுதிகளில் ஒன்றில் ஆவணங்களை ஏற்றுவதை நிர்வகிக்கவும்;
திரையின் பிற துணைப் பகுதிகளின் உள்ளடக்கத்தைப் பொருட்படுத்தாமல், எப்போதும் திரையில் இருக்க வேண்டிய பார்வை சாளரத்தில் ஒரு குறிப்பிட்ட இடத்தில் தகவலைக் கண்டறிதல்;
சாளரத்தின் பல அருகிலுள்ள துணைப் பகுதிகளில் வசதியாக ஏற்பாடு செய்யப்பட்டுள்ள தகவலை முன்வைக்க, அவை ஒவ்வொன்றையும் தனித்தனியாகப் பார்க்க முடியும்.
கொடுக்கப்பட்ட பட்டியல் பிரேம்களைப் பயன்படுத்தக்கூடிய அனைத்து சாத்தியமான நிகழ்வுகளையும் தீர்ந்துவிடாது, ஆனால் பரிந்துரைக்கும் இயல்புடையது.
நிஜ வாழ்க்கை HTML ஆவணங்களின் எடுத்துக்காட்டுகளைப் பயன்படுத்தி பிரேம்களின் வழக்கமான பயன்பாடுகளை முதலில் கருத்தில் கொள்வோம், பின்னர் பிரேம்களைக் கொண்ட ஆவணங்களை உருவாக்குவதற்கான விதிகளுக்குத் திரும்புவோம்.
படத்தில். ரஷ்யாவின் நிதி மற்றும் பங்குச் சந்தைகளில் இருந்து தகவல்களை வழங்குவதில் நிபுணத்துவம் பெற்ற Finmarket ஏஜென்சியின் HTML பக்கங்களில் ஒன்றை படம் 5.1 காட்டுகிறது.
அரிசி. 5.1சட்ட அமைப்புடன் கூடிய பொதுவான வலை ஆவணம்
இந்த பக்கம் உலாவி சாளரத்தை மூன்று பிரேம்களாக பிரிக்கிறது. கீழ் பகுதிசாளரம் முழு சாளரத்தின் உயரத்தில் 20% ஆக்கிரமித்துள்ளது மற்றும் நிரந்தர தகவலைக் கொண்டுள்ளது, இந்த விஷயத்தில் எந்த நேரத்திலும் மிக முக்கியமான பிரிவுகளை அணுக உங்களை அனுமதிக்கும் வரைகலை மெனு ஆகும். இந்த சட்டகம் பயனர் கட்டளைகளின் அடிப்படையில் அதன் அளவை மாற்ற முடியாது மற்றும் உருள் பட்டைகள் இல்லை. மேல் பகுதிசாளரம் (உயரத்தின் 80%) கிடைமட்டமாக இரண்டு பிரேம்களாக பிரிக்கப்பட்டுள்ளது. இடது சட்டத்தில் பயனர் பார்க்கக்கூடிய ஆவணங்களின் உள்ளடக்க அட்டவணை உள்ளது. பார்க்கும் சாளரத்தின் பெரும்பகுதியை ஆக்கிரமித்துள்ள சரியான சட்டகம், ஆவணங்களைத் தாங்களே காண்பிக்கும் நோக்கம் கொண்டது. துவக்கத்தில் ஏற்றப்படும் போது, இந்த இரண்டு பிரேம்களும் உலாவி சாளரத்தை கிடைமட்டமாக 15% முதல் 85% விகிதத்தில் பிரிக்கும். பார்க்கும் போது இந்த விகிதத்தை பயனர் மாற்றலாம், இது ஏற்றப்பட்ட ஆவணங்களின் உள்ளடக்கத்தை கணக்கில் எடுத்துக்கொண்டு உகந்த சட்ட அளவுகளைத் தேர்ந்தெடுக்க உங்களை அனுமதிக்கிறது. இந்த பிரேம்கள் ஒவ்வொன்றும் அதன் சொந்த ஸ்க்ரோல் பட்டியைக் கொண்டுள்ளன, சட்டத்தின் அளவு, முழு உலாவி சாளரம் அல்லது பயன்படுத்தப்படும் எழுத்துருக்கள் ஆகியவற்றைப் பொருட்படுத்தாமல், சட்டத்தின் முழு உள்ளடக்கத்தையும் பார்க்க உங்களை அனுமதிக்கிறது. இடது சட்டத்தில் ஏதேனும் இணைப்பைத் தேர்ந்தெடுக்கும்போது, தொடர்புடைய ஆவணம் வலது சட்டகத்தில் ஏற்றப்படும். இந்த அமைப்பு ஆவணங்களின் உள்ளடக்க அட்டவணை மற்றும் தேர்ந்தெடுக்கப்பட்ட ஆவணத்தின் உள்ளடக்கங்கள் இரண்டையும் ஒரே நேரத்தில் திரையில் பார்க்க உங்களை அனுமதிக்கிறது.
இங்கே, விளக்கம் இல்லாமல், இந்த அமைப்புடன் ஒரு ஆவணத்தை உருவாக்கப் பயன்படுத்தப்படும் HTML குறியீட்டின் ஒரு பகுதி:
இந்த எடுத்துக்காட்டு சட்ட கட்டமைப்புகளின் மிகவும் பொதுவான பயன்பாட்டைக் காட்டுகிறது, அங்கு ஒரு சட்டமானது ஆவணங்களுக்கான உள்ளடக்க அட்டவணையாகவும் மற்றொன்று அவற்றின் உள்ளடக்கங்களை ஏற்றவும் பயன்படுத்தப்படுகிறது. சட்டங்களைப் பயன்படுத்தாமல் அத்தகைய சிக்கலைத் தீர்ப்பது பொதுவாக பின்வருமாறு செய்யப்படுகிறது. பக்கங்களில் ஒன்றில் மற்ற ஆவணங்களுக்கான இணைப்புகள் அல்லது அவற்றின் தனிப்பட்ட துண்டுகள் அடங்கிய உள்ளடக்க அட்டவணை உள்ளது. அத்தகைய இணைப்பைக் கிளிக் செய்தால், உள்ளடக்க அட்டவணை மறைந்துவிடும், தேவையான ஆவணம் அதன் இடத்தில் ஏற்றப்படும், அதைப் படித்த பிறகு நீங்கள் வழக்கமாக உள்ளடக்க அட்டவணைக்குத் திரும்ப வேண்டும். பிரேம்களைப் பயன்படுத்தும் போது, உள்ளடக்க அட்டவணை எப்போதும் திரையின் ஒரு பகுதியில் அமைந்திருப்பதால், இந்த வருவாய் தேவையற்றதாகிவிடும்.
நீங்கள் அதை இணையத்தில் காணலாம்
செயின்ட் பீட்டர்ஸ்பர்க்கில் உள்ள பிரபலமான முகவரி மற்றும் தொலைபேசி அடைவு "ஆல் பீட்டர்ஸ்பர்க்" மின்னணு பதிப்பின் இணையதளம்.
கோப்பகத்தின் மின்னணு பதிப்பு கிடைக்கிறது http://www.allpetersburg.ruமற்றும் பயனர் கோரிக்கைகளின் அடிப்படையில் தேவையான தகவல்களைக் கண்டறிய உங்களை அனுமதிக்கிறது. இந்த ஆவணப் பக்கம் ஒரு பிரேம் அமைப்பையும் கொண்டுள்ளது மற்றும் இரண்டு பிரேம்களைக் கொண்டுள்ளது, அதில் முதலாவது 100 பிக்சல்கள் அகலம் கொண்டது, இரண்டாவது பார்வைப் பகுதியின் மீதமுள்ள முழு அகலத்தையும் எடுத்துக்கொள்கிறது. இடது பக்கத்தில் அமைந்துள்ள சட்டமானது திரையில் தொடர்ந்து இருக்கும் வரைகலை மெனுவிற்குப் பயன்படுத்தப்படுகிறது, மேலும் Nevalink நிறுவனத்தின் லோகோவையும் கொண்டுள்ளது. இரண்டாவது சட்டத்தில் ஆவணம் உள்ளது, இது பயனர் கோரிக்கை படிவமாகும். இந்தப் பக்கத்தின் அமைப்பு பின்வரும் HTML குறியீட்டால் வரையறுக்கப்படுகிறது:
பிரேம்கள் அட்டவணைகளுக்கு மிகவும் ஒத்தவை - அவை இரண்டும் உலாவி சாளரத்தை செவ்வக பகுதிகளாக உடைக்கின்றன, அதில் சில தகவல்கள் உள்ளன. இருப்பினும், பிரேம்களின் உதவியுடன், ஆவணப் பக்கங்களை வடிவமைப்பதில் உள்ள சிக்கலை மட்டும் தீர்க்க முடியும், ஆனால் அவற்றுக்கிடையேயான தொடர்புகளை ஒழுங்கமைக்கவும். பிரேம்கள் மற்றும் அட்டவணைகளுக்கு இடையே உள்ள அடிப்படை வேறுபாடு என்னவென்றால், ஒவ்வொரு சட்டகத்திற்கும் அதன் சொந்த தனித்தனி HTML ஆவணம் இருக்க வேண்டும், ஆனால் அனைத்து டேபிள் கலங்களின் உள்ளடக்கங்களும் எப்போதும் ஒரே ஆவணத்தின் பகுதியாக இருக்கும். கூடுதலாக, சட்டத்தில் காட்டப்படும் பக்கம் மற்றவற்றிலிருந்து சுயாதீனமாக பார்க்கும்போது உருட்டும். ஒவ்வொரு சட்டமும் அடிப்படையில் ஒரு தனி "மினி உலாவி" ஆகும். பிரேம்களைப் போலல்லாமல், அதன் முழு அமைப்பும் எப்போதும் திரையில் காண்பிக்கப்படும், அட்டவணைகள் சாளரத்தில் முழுமையாக பொருந்தாது மற்றும் பகுதிகளாக மட்டுமே பார்க்க முடியும். HTML அட்டவணைகளில் மொத்த கலங்களின் எண்ணிக்கை நடைமுறையில் வரம்பற்றதாகவும் பல நூறுகளை எட்டக்கூடியதாகவும் இருந்தால், ஒரு ஆவணத்தில் உள்ள பிரேம்களின் எண்ணிக்கை பொதுவாக பல அலகுகளுக்கு மேல் இருக்காது.
ஆலோசனை
நீங்கள் ஒரு ஆவணத்தை மட்டுமே வடிவமைக்க வேண்டும் என்றால், அட்டவணைகளைப் பயன்படுத்துவதற்கு உங்களை கட்டுப்படுத்தினால் போதும். நீங்கள் மிகவும் சிக்கலான சிக்கல்களைத் தீர்க்க வேண்டும் என்றால், எடுத்துக்காட்டாக, சாளர துணைப் பகுதிகளுக்கு இடையில் தொடர்புகளை ஒழுங்கமைக்கவும் அல்லது திரையில் நிரந்தரமாக அமைந்துள்ள துணைப் பகுதிகளை உருவாக்கவும், பின்னர் பிரேம்களைப் பயன்படுத்துவது வசதியானது.
இறுதியில், ஆவணக் கட்டமைப்பின் தேர்வு - அட்டவணை அல்லது சட்டகம் - பல காரணிகளைப் பொறுத்தது மற்றும் சந்தேகத்திற்கு இடமின்றி முன்னரே தீர்மானிக்க முடியாது.
மேலும் உள்ளனமுந்தைய பக்கங்களைப் போலவே கட்டப்பட்டதாகத் தோன்றும் பக்கங்கள். உதாரணமாக, நீங்கள் எடுக்கலாம்முதன்மையாக இணையத்துடன் பணிபுரிவதற்காக வடிவமைக்கப்பட்ட மென்பொருள் தயாரிப்புகளின் மிகவும் பிரபலமான உலகளாவிய தொகுப்பின் பக்கம். சேவையக முகவரி http://www.tucows.com. சர்வர் பெயர் சுருக்கத்திலிருந்து பெறப்பட்ட சுருக்கத்தால் தீர்மானிக்கப்பட்டது என்பதை நினைவில் கொள்க முழு பெயர்சேகரிப்பு - வின்சாக் மென்பொருளின் இறுதி சேகரிப்பு. tucows என்ற சுருக்கமானது இரண்டு மாடுகள் (இரண்டு மாடுகள்) என்ற சொற்றொடருடன் மெய்யாக மாறியதால், சர்வர் பக்கங்களில் பெரும்பாலும் மாடுகளின் படங்கள் இருக்கும், மேலும் மென்பொருள் தயாரிப்புகளின் மதிப்பீடு மூயிங் எண்ணிக்கையில் ("மூ") மதிப்பிடப்பட்டு வரைபடமாக சித்தரிக்கப்படுகிறது. தொடர்புடைய எண்ணிக்கையிலான மாடுகளின் வரிசையாக. பெரும்பாலான சேவையக பக்கங்கள் அதே வழியில் கட்டப்பட்டுள்ளன - சாளரத்தின் இடது பக்கத்தில் கிடைக்கக்கூடிய பிரிவுகளின் பட்டியல் உள்ளது, மற்றும் வலது பக்கத்தில் தேர்ந்தெடுக்கப்பட்ட பகுதிக்கான மென்பொருள் தயாரிப்புகளின் பட்டியல் உள்ளது. முதல் பார்வையில், ஆவணத்தின் அமைப்பு முந்தைய எடுத்துக்காட்டுகளைப் போலவே இருக்க வேண்டும். இருப்பினும், இந்த ஆவணம் பிரேம்களைப் பயன்படுத்துவதில்லை! இந்தப் பக்கம் இரண்டு கலங்களைக் கொண்ட ஒரு வரிசையைக் கொண்ட அட்டவணையைப் பயன்படுத்தி உருவாக்கப்பட்டுள்ளது. அட்டவணையில் சட்டகம் இல்லை மற்றும் பக்கத்தை வடிவமைக்கும் நோக்கத்திற்காக மட்டுமே உதவுகிறது. செங்குத்தாக பிளவுபட்ட திரையின் தோற்றம் பின்னணி கிராஃபிக் கொண்டிருக்கும் செங்குத்து கோடு, மற்றும் டேபிள் கிரிட் இல்லை. படங்களை ஏற்றாமல் பக்கத்தைப் பார்ப்பதன் மூலம் இதைச் சரிபார்க்கலாம். எல்லா உலாவிகளிலும் பிரேம்கள் காட்சிப்படுத்த அனுமதிக்காததால், இங்கே அட்டவணையைப் பயன்படுத்துவது ஆவணங்களின் அதிக அணுகல் தன்மையைக் கருத்தில் கொண்டு வெளிப்படையாகத் தெரிகிறது.
இந்த விஷயத்தில் இந்த அணுகுமுறையின் தீமை என்னவென்றால், ஒவ்வொரு ஆவணத்திலும் உள்ள பிரிவுகளின் முழு பட்டியலையும் (பக்கத்தின் இடது பக்கம்) மீண்டும் செய்ய வேண்டிய அவசியம் உள்ளது, இது கோப்பு அளவை சற்று அதிகரிக்கிறது.
மேலே உள்ள எடுத்துக்காட்டுகளின் ஒப்பீடு, அட்டவணைகள் மற்றும் பிரேம்களின் பயன்பாடு சில சமயங்களில் ஒன்றுக்கொன்று மாறக்கூடியது மற்றும் டெவலப்பர்களின் விருப்பங்களால் தீர்மானிக்கப்படலாம் என்பதைக் காட்டுகிறது. ஒரு ஆவணம் காட்டப்படும் ஒரு பக்கத்தைப் பார்க்கும்போது, அது எவ்வாறு கட்டமைக்கப்பட்டுள்ளது என்பதைத் தீர்மானிக்க இயலாது என்பதை நினைவில் கொள்க. இருப்பினும், உங்கள் சொந்த வலைப்பக்கங்களை உருவாக்கும்போது, ஆவணத்தின் உள் கட்டமைப்பை இறுதிப் பயனர் அறிய வேண்டியதில்லை மூல குறியீடுதற்போதுள்ள ஆவணங்கள் மிகவும் உதவியாக இருக்கும். முதல் எடுத்துக்காட்டில் (படம் 5.1 ஐப் பார்க்கவும்), ஆவணத்தின் சட்ட அமைப்பு உடனடியாகத் தெரியும் - இரண்டு செங்குத்து உருள் பட்டைகளின் இருப்பு ஏற்கனவே தனிப்பட்ட பிரேம்களின் இருப்பை தீர்மானிக்கிறது. பின்வரும் இரண்டு எடுத்துக்காட்டுகள் தோற்றத்தில் மிகவும் ஒத்தவை, மேலும் அவற்றில் முதலாவது பிரேம்களைப் பயன்படுத்தி கட்டப்பட்டது என்பதையும், இரண்டாவது - அட்டவணைகளைப் பயன்படுத்துவதையும் தீர்மானிக்க முடியாது. அவர்களுடன் பணிபுரியும் போது மட்டுமே வேறுபாடுகள் தோன்றும். ஒரு தொலைபேசி கோப்பகத்தின் எடுத்துக்காட்டில், ஒரு ஆவணத்தை ஸ்க்ரோல் செய்யும் போது, சாளரத்தின் இடது பகுதி இடத்தில் இருக்கும், இது ஒரு சட்ட அமைப்பு இருந்தால் மட்டுமே சாத்தியமாகும். பின்வரும் எடுத்துக்காட்டில் (மென்பொருள் தயாரிப்புகளின் தொகுப்பு), ஸ்க்ரோலிங் சாளரத்தின் முழு உள்ளடக்கத்தையும் மாற்றும்.
பார்வை மெனுவின் (படம் 5.2) பக்கத் தகவல் உருப்படியைப் (நெட்ஸ்கேப் உலாவியின் பதிப்புகள் 3.x இல் இந்த மெனு உருப்படி ஆவணத் தகவல் என்று அழைக்கப்பட்டது) பயன்படுத்தி Netscape உலாவியில் பணிபுரியும் போது ஆவண கட்டமைப்பைப் பார்க்கலாம்.
அரிசி. 5. 2
.
நெட்ஸ்கேப் பிரவுசர் வியூ மெனு
கூடுதலாக, காட்சி மெனுவின் பக்க மூல உருப்படியைப் பயன்படுத்தி முழு ஆவணத்தின் HTML மூலக் குறியீட்டையும் நீங்கள் எப்போதும் பார்க்க முடியும் (அல்லது ஆவணத்தின் HTML குறியீட்டைக் காண வலது கிளிக் சூழல் மெனுவின் வியூ ஃபிரேம் மூல உருப்படியைக் காணலாம். தேர்ந்தெடுக்கப்பட்ட சட்டகம்).
ஆலோசனை
பிரேம்களின் பயன்பாட்டை நீங்கள் தேவையில்லாமல் துஷ்பிரயோகம் செய்யக்கூடாது, அவற்றின் எண்ணிக்கை மூன்று அல்லது நான்குக்கு மேல் இருக்கக்கூடாது.
பெரும்பாலும் இணையத்தில் உள்ள உண்மையான பக்கங்களில் பிரேம்களைப் பயன்படுத்துவதற்கான பின்வரும் நிகழ்வுகளை நீங்கள் காணலாம்:ஒரே நேரத்தில் பார்க்கவும், ஒன்றோடொன்று ஒப்பிட்டுப் பார்க்கவும் வசதியாக இருக்கும் ஆவணங்களை ஏற்ற இரண்டு அருகில் உள்ள சட்டங்கள் பயன்படுத்தப்படுகின்றன. பிரேம்களில் ஏற்றப்பட்ட இரண்டு ஆவணங்களில் ஒவ்வொன்றும் தகவலை வழங்குவதற்கு அட்டவணை படிவத்தைப் பயன்படுத்துகிறது. இந்தத் தரவு அமைப்பின் விளைவாக, இரண்டு அட்டவணைகள் ஒவ்வொன்றையும் தனித்தனியாகப் பார்க்கலாம் (அல்லது அச்சிடலாம்) அல்லது மற்றொன்றுடன் ஒப்பிட்டுப் படிக்கலாம்.
இந்த பிரிவில் கொடுக்கப்பட்டுள்ள அனைத்து எடுத்துக்காட்டுகளும் பிரபலமான WWW சேவையகங்களின் பக்கங்களிலிருந்து எடுக்கப்பட்டவை, ஒருவேளை, HTML ஆவணங்களில் சட்டங்களைப் பயன்படுத்துவதற்கான எடுத்துக்காட்டுகளாக இருக்கலாம்.
இந்த அத்தியாயத்தின் அடுத்தடுத்த பிரிவுகள் சட்டகங்களைக் கொண்ட ஆவணங்களை எழுதுவதற்கான விதிகளை உள்ளடக்கியது.
பிரேம்களை விவரிப்பதற்கான விதிகள்
சட்ட அமைப்புகளுடன் ஆவணங்களுக்குப் பயன்படுத்தப்படும் குறிச்சொற்களை எழுதுவதற்கான விதிகளை இப்போது கருத்தில் கொள்வோம்.
நடுத்தர சிக்கலான பிரேம்களுடன் ஒரு ஆவணத்தை உருவாக்கும் முழுமையான HTML குறியீட்டை முதலில் பார்ப்போம்:
இந்த எடுத்துக்காட்டு படத்தில் காட்டப்பட்டுள்ள கட்டமைக்கப்பட்ட பக்கத்தை உருவாக்குகிறது. 5.3 நீங்கள் பார்க்க முடியும் என, இந்த HTML குறியீடு நான்கு பிரேம்களை வரையறுக்கிறது. மேல் சட்டமானது பக்கத்தின் முழு அகலத்தையும் பரப்பி, தலைப்பைக் கொண்டுள்ளது. அடுத்து இரண்டு மத்திய பிரேம்கள் உள்ளன, அவற்றில் ஒன்று இடது பக்கத்தில் அமைந்துள்ளது மற்றும் திரையின் அகலத்தில் 25 சதவீதத்தை எடுக்கும், இரண்டாவது மீதமுள்ள இடத்தை எடுக்கும். கடைசி, நான்காவது பிரேம் திரையின் கீழ் காலாண்டில் உள்ளது. ஒவ்வொரு சட்டகத்திலும் ஒரு தனி HTML ஆவணம் ஏற்றப்படுகிறது, அதன் பெயர் SRC அளவுருவால் தீர்மானிக்கப்படுகிறது.
எடுத்துக்காட்டில் இருந்து பார்க்க முடிந்தால், பிரேம்களின் கட்டமைப்பை விவரிக்க குறிச்சொற்கள் பயன்படுத்தப்படுகின்றன
, மற்றும் . இந்தக் குறிச்சொற்களின் நோக்கத்தைப் பார்ப்போம்.
அரிசி. 5. 3
.
எடுத்துக்காட்டில் காட்டப்பட்டுள்ள பிரேம்களுடன் HTML ஆவணத்தைக் காண்பிக்கும் நெட்ஸ்கேப் உலாவியின் முடிவு
குறியிடவும்
ஃப்ரேம்கள் FRAMESET எனப்படும் கட்டமைப்பில் வரையறுக்கப்படுகின்றன, இது சாதாரண ஆவணத்தின் BODY பிரிவிற்குப் பதிலாக சட்டங்களைக் கொண்ட பக்கங்களுக்குப் பயன்படுத்தப்படுகிறது. ஃப்ரேம்களால் ஆன இணையப் பக்கங்கள் அவற்றின் HTML குறியீட்டில் BODY பிரிவைக் கொண்டிருக்க முடியாது. இதையொட்டி, BODY பிரிவைக் கொண்ட பக்கங்கள் சட்டகங்களைப் பயன்படுத்த முடியாது.
ஆலோசனை
கட்டமைக்கப்பட்ட பக்கங்களில் BODY பிரிவு இல்லை என்பதால், முழுப் பக்கத்திற்கும் பின்னணி படத்தையும் பின்னணி நிறத்தையும் அமைக்க வழி இல்லை. BODY குறிச்சொல்லில் எழுதப்பட்ட BACKGROUND மற்றும் BGCOLOR அளவுருக்களால் இந்த அமைப்புகள் தீர்மானிக்கப்படுகின்றன என்பதை நினைவில் கொள்க. இருப்பினும், ஒவ்வொரு சட்டகத்திலும் அவற்றின் சொந்த பின்னணி அமைப்புகளுடன் ஆவணங்களை ஏற்றுவதிலிருந்து இது உங்களைத் தடுக்காது.
குறிச்சொற்களின் கொள்கலன்
மற்றும்ஒவ்வொரு சட்ட வரையறைத் தொகுதியையும் சட்டமாக்குகிறது. கொள்கலன் உள்ளே குறிச்சொற்களை மட்டுமே கொண்டிருக்க முடியும் மற்றும் உள்ளமை குறிச்சொற்கள் .
குறியிடவும்
இரண்டு அளவுருக்கள் உள்ளன: ROWS (வரிசைகள்) மற்றும் COLS (நெடுவரிசைகள்) மற்றும் பின்வருமாறு எழுதப்பட்டுள்ளது:
.
குறிப்பு
சில உலாவிகள் கூடுதல் டேக் அளவுருக்களை அனுமதிக்கின்றன
நீங்கள் ROWS அல்லது COLS அல்லது இரண்டிற்கும் மதிப்புகளை வரையறுக்கலாம். இந்த அளவுருக்களில் குறைந்தபட்சம் இரண்டு மதிப்புகளை வரையறுக்க வேண்டியது அவசியம். மற்றொரு அளவுரு தவிர்க்கப்பட்டால், அதன் மதிப்பு 100% என்று கருதப்படுகிறது.
ஆலோசனை
ஒரு குறிச்சொல்லில் இருந்தால் ROWS மற்றும் COLS க்கு ஒரே ஒரு மதிப்பு மட்டுமே வரையறுக்கப்பட்டால், இந்தக் குறிச்சொல் தவறானதாகக் கருதப்படும் மற்றும் உலாவி அதைப் புறக்கணிக்கும். வேறு வார்த்தைகளில் கூறுவதானால், தீர்மானிக்க இயலாது , ஒரே ஒரு சட்டத்தை மட்டுமே கொண்டது.
டேக் ROWS மற்றும் COLS அளவுரு மதிப்புகளின் பட்டியல்
பிக்சல்கள், சதவீதங்கள் அல்லது தொடர்புடைய அலகுகளில் குறிப்பிடக்கூடிய மதிப்புகளின் கமாவால் பிரிக்கப்பட்ட பட்டியல். வரிசைகள் அல்லது நெடுவரிசைகளின் எண்ணிக்கை தொடர்புடைய பட்டியலில் உள்ள மதிப்புகளின் எண்ணிக்கையால் தீர்மானிக்கப்படுகிறது. உதாரணமாக, பதிவு
மூன்று சட்டங்களின் தொகுப்பை வரையறுக்கிறது. இந்த மதிப்புகள் முழுமையான பிக்சல் மதிப்புகள். வேறு வார்த்தைகளில் கூறுவதானால், முதல் சட்டகம் (முதல் வரிசை) 100 பிக்சல்கள், இரண்டாவது 240 பிக்சல்கள் மற்றும் கடைசி 140 பிக்சல்கள் உயரம்.
பிரேம் அளவு மதிப்புகளை பிக்சல்களில் அமைப்பது மிகவும் வசதியானது அல்ல. உலாவிகள் வெவ்வேறு இயக்க முறைமைகளில் மற்றும் வெவ்வேறு காட்சித் தீர்மானங்களுடன் இயங்குகின்றன என்ற உண்மையை இது கணக்கில் எடுத்துக்கொள்ளாது. அதே நேரத்தில், சில சந்தர்ப்பங்களில் முழுமையான அளவு மதிப்புகளை வரையறுக்க முடியும், எடுத்துக்காட்டாக, அறியப்பட்ட பரிமாணங்களுடன் ஒரு சிறிய படத்தைக் காட்ட. மதிப்புகளை சதவீதங்கள் அல்லது உறவினர் அலகுகளில் அமைப்பதே சிறந்த வழி, எடுத்துக்காட்டாக:
.
இந்த உதாரணம் திரையின் முழு அகலத்தில் வரிசைகளாக நிலைநிறுத்தப்பட்ட மூன்று சட்டங்களை உருவாக்குகிறது. மேல் வரிசை திரையின் உயரத்தில் 25 சதவீதத்தையும், நடுத்தர வரிசை 50 சதவீதத்தையும், கீழ் வரிசை 25 சதவீதத்தையும் எடுக்கும். குறிப்பிடப்பட்ட சதவீதங்களின் கூட்டுத்தொகை 100% க்கு சமமாக இல்லாவிட்டால், மதிப்புகள் விகிதாசாரமாக அளவிடப்படும், இதன் விளைவாக சரியாக 100% இருக்கும்.
தொடர்புடைய அலகுகளில் உள்ள மதிப்புகள் பின்வருமாறு:
.
ஒரு நட்சத்திரக் குறியீடு (*) இடத்தை விகிதாசாரமாகப் பிரிக்கப் பயன்படுகிறது. ஒவ்வொரு நட்சத்திரமும் மொத்தத்தின் ஒரு பகுதியைக் குறிக்கிறது. நட்சத்திரக் குறியீடுகளுக்கு அடுத்துள்ள எண்களின் அனைத்து மதிப்புகளையும் சேர்ப்பதன் மூலம் (ஒரு எண் தவிர்க்கப்பட்டால், ஒன்று கருதப்படுகிறது), பின்னத்தின் வகுப்பினைப் பெறுகிறோம். இந்த எடுத்துக்காட்டில், முதல் நெடுவரிசை சாளரத்தின் மொத்த அகலத்தில் 1/6 ஐ எடுக்கும், இரண்டாவது நெடுவரிசை 2/6 (அல்லது 1/3) எடுக்கும், மற்றும் கடைசி நெடுவரிசை 3/6 (அல்லது 1/) எடுக்கும். 2)
அதை நினைவில் கொள் எண் மதிப்புஎந்த எழுத்துகளும் இல்லாமல், ஒரு வரிசை அல்லது நெடுவரிசைக்கான பிக்சல்களின் முழுமையான எண்ணிக்கையைக் குறிப்பிடுகிறது. ஒரு சதவீத அடையாளத்துடன் கூடிய மதிப்பு (%) மொத்த அகலம் (COLS க்கு) அல்லது உயரம் (ROWS க்கு) வியூபோர்ட்டின் விகிதத்தைக் குறிப்பிடுகிறது, மேலும் ஒரு நட்சத்திரம் (*) கொண்ட மதிப்பு மீதமுள்ள இடத்தின் விகிதாசார விநியோகத்தைக் குறிப்பிடுகிறது.
மதிப்புகளை அமைப்பதற்கான மூன்று விருப்பங்களையும் பயன்படுத்தும் ஒரு எடுத்துக்காட்டு இங்கே:
.
இந்த எடுத்துக்காட்டில், முதல் நெடுவரிசை 100 பிக்சல்கள் அகலத்தில் இருக்கும். இரண்டாவது நெடுவரிசை முழு வியூபோர்ட் அகலத்தில் 25 சதவீதத்தை எடுக்கும், மூன்றாவது நெடுவரிசை மீதமுள்ள இடத்தில் 1/3 ஐ எடுக்கும், இறுதியாக கடைசி நெடுவரிசை 2/3 ஐ எடுக்கும். இடமிருந்து வலமாக வரிசையாக முழுமையான மதிப்புகளை முதலில் ஒதுக்க பரிந்துரைக்கப்படுகிறது. அவை பின்பற்றப்படுகின்றன சதவீத மதிப்புகள்இடத்தின் மொத்த அளவு. இறுதியாக, மீதமுள்ள இடத்தின் விகிதாசாரப் பிரிவை நிர்ணயிக்கும் மதிப்புகள் பதிவு செய்யப்படுகின்றன.
ஆலோசனை
நீங்கள் முழுமையான COLS அல்லது ROWS மதிப்புகளைப் பயன்படுத்தினால், அவற்றைச் சிறியதாக வைத்து, அவை எந்த உலாவி சாளரத்திலும் பொருத்தி, தேவைக்கேற்ப பேட் செய்யவும். குறைந்தபட்சம், ஒரு ஒற்றை மதிப்பு, மீதமுள்ள இடத்தை நிரப்ப, சதவீதம் அல்லது தொடர்புடைய வடிவத்தில் குறிப்பிடப்பட்டுள்ளது.
குறிச்சொல் பயன்படுத்தப்பட்டால்
, இதில் COLS மற்றும் ROWS மதிப்புகள் இரண்டும் குறிப்பிடப்பட்டால், பிரேம்களின் கட்டம் உருவாக்கப்படும். உதாரணத்திற்கு:
HTML குறியீட்டின் இந்த வரி மூன்று வரிசைகள் மற்றும் இரண்டு நெடுவரிசைகளுடன் ஒரு சட்ட கட்டத்தை உருவாக்குகிறது. முதல் மற்றும் கடைசி வரிகள் ஒவ்வொன்றும் 1/4 உயரத்தை எடுக்கும், மற்றும் நடுத்தர வரி பாதியை எடுக்கும். முதல் நெடுவரிசை அகலத்தின் 2/3 ஐ எடுக்கும், இரண்டாவது - 1/3.
கொள்கலன்
ஆரம்ப எடுத்துக்காட்டில் காட்டப்பட்டது போல், மற்றொரு ஒத்த கொள்கலனுக்குள் கூடு கட்டலாம். குறிச்சொல்லின் பயன்பாட்டை மேலும் கருத்தில் கொள்வோம் .
குறிப்பு
HTML மொழியின் சில ஆதாரங்கள் குறிச்சொல்லின் COLS மற்றும் ROWS அளவுருக்கள் என்பதைக் குறிக்கின்றன பரஸ்பரம் பிரத்தியேகமானவை. இருப்பினும், நெட்ஸ்கேப் மற்றும் மைக்ரோசாப்ட் இரண்டும் இன்டர்நெட் எக்ஸ்புளோரர்அவற்றின் கூட்டுப் பயன்பாட்டை அனுமதிக்கவும்.
குறியிடவும்
குறியிடவும் ஒற்றை சட்டத்தை வரையறுக்கிறது. இது ஒரு ஜோடி குறிச்சொற்களுக்குள் இருக்க வேண்டும்
மற்றும். உதாரணத்திற்கு:
குறிச்சொல் என்பதை நினைவில் கொள்ளவும் ஒரு கொள்கலன் அல்ல மற்றும், போலல்லாமல்
முடிவு குறிச்சொல்லைக் கொண்டிருக்கவில்லை. ஒற்றை சட்டத்தின் முழு வரையறையும் HTML குறியீட்டின் ஒரு வரியில் செய்யப்படுகிறது.
பதிவு செய்ய பல குறிச்சொற்கள் உள்ளன குறிச்சொல்லைக் குறிப்பிடும்போது எத்தனை தனிப்பட்ட சட்டங்கள் வரையறுக்கப்படுகின்றன
. முந்தைய எடுத்துக்காட்டில், குறிச்சொல் இரண்டு சரங்கள் கொடுக்கப்பட்டன, எனவே இரண்டு குறிச்சொற்கள் எழுதப்பட வேண்டும் . இருப்பினும், இந்த உதாரணம் அடிப்படையில் பயனற்றது, ஏனெனில் எந்த சட்டகத்திலும் எந்த உள்ளடக்கமும் இல்லை!
குறியிடவும் ஆறு அளவுருக்கள் உள்ளன: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, ஸ்க்ரோலிங் மற்றும் NORESIZE.
குறிப்பு
சில உலாவிகள் பல கூடுதல் டேக் அளவுருக்களைப் பயன்படுத்த அனுமதிக்கின்றன . நெட்ஸ்கேப் மற்றும் மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்புளோரர் உலாவிகளின் திறன்களின் மேலோட்டம் அத்தியாயத்தின் முடிவில் கொடுக்கப்பட்டுள்ளது.
குறிச்சொல்லில் நடைமுறையில் உள்ளது அரிதாகவே அனைத்து அளவுருக்களும் ஒரே நேரத்தில் பயன்படுத்தப்படுகின்றன.
பெரும்பாலானவை முக்கியமான அளவுரு- SRC (மூலத்தின் சுருக்கம்). குறிச்சொல்லில் அடிக்கடி ஒரு SRC அளவுரு குறிப்பிடப்பட்டுள்ளது. உதாரணத்திற்கு:
.
SRC அளவுருவின் மதிப்பு இந்த சட்டத்தில் ஆரம்பத்தில் ஏற்றப்படும் ஆவணத்தின் URL ஐ தீர்மானிக்கிறது. பொதுவாக, இந்த முகவரி முக்கிய ஆவணத்தின் அதே கோப்பகத்தில் அமைந்துள்ள HTML கோப்பின் பெயராகும். சட்ட வரையறை வரி, எடுத்துக்காட்டாக, இது போல் இருக்கும்:
.
சட்ட வரையறையில் குறிப்பிடப்பட்ட எந்த HTML கோப்பும் ஒரு முழுமையான HTML ஆவணமாக இருக்க வேண்டும், ஒரு துண்டு அல்ல. அதாவது, ஆவணத்தில் HTML, HEAD, BODY போன்ற குறிச்சொற்கள் இருக்க வேண்டும்.
நிச்சயமாக, SRC மதிப்பு எந்த சரியான URL ஆகவும் இருக்கலாம். எடுத்துக்காட்டாக, இந்த புத்தகத்தின் வெளியீட்டாளரின் சேவையகத்தில் அமைந்துள்ள GIF படத்தைக் காட்ட சட்டகம் பயன்படுத்தப்பட்டால், நீங்கள் எழுத வேண்டும்:
.
ஆலோசனை
சட்ட கட்டமைப்பை விவரிக்கும் எந்த உள்ளடக்கத்தையும் ஆவணத்தில் சேர்க்க வேண்டாம்.
சட்ட கட்டமைப்பை விவரிக்கும் ஆவணத்தில் எளிய உரை, தலைப்புகள், கிராபிக்ஸ் மற்றும் பிற கூறுகளை நேரடியாகப் பயன்படுத்த முடியாது. பிரேம்களின் அனைத்து உள்ளடக்கங்களும் தனித்தனி HTML கோப்புகளில் வரையறுக்கப்பட வேண்டும், அவற்றின் பெயர்கள் குறிச்சொல்லின் SRC அளவுருவால் குறிப்பிடப்படுகின்றன .
NAME அளவுரு இந்த சட்டத்தைக் குறிப்பிடப் பயன்படுத்தக்கூடிய சட்டப் பெயரைக் குறிப்பிடுகிறது. பொதுவாக இணைப்பு அதே பக்கத்தில் அமைந்துள்ள மற்றொரு சட்டத்தில் இருந்து அமைக்கப்படும். உதாரணத்திற்கு:
.
இந்த உள்ளீடு "Frame_1" என்ற பெயரில் ஒரு சட்டத்தை உருவாக்குகிறது, அதைக் குறிப்பிடலாம். உதாரணத்திற்கு:
பதிவிறக்கம் செய்ய இங்கே கிளிக் செய்யவும்
Frame_1 என பெயரிடப்பட்ட சட்டத்தில் other.htm ஐ ஆவணப்படுத்தவும்.
TARGET அளவுருவைக் கவனியுங்கள், இது சட்டத்தின் பெயரைக் குறிக்கிறது. ஒரு சட்டத்திற்கு ஒரு பெயர் கொடுக்கப்படாவிட்டால், பெயரிடப்படாத சட்டகம் உருவாக்கப்படும், மேலும் அதை மற்றொரு சட்டத்திலிருந்து குறிப்பிட முடியாது. சட்டத்தின் பெயர்கள் எண்ணெழுத்து எழுத்துடன் தொடங்க வேண்டும்.
MARGINWIDTH மற்றும் MARGINHEIGHT அளவுருக்கள் சட்ட விளிம்புகளின் அகலத்தை அமைக்க உங்களை அனுமதிக்கின்றன. இது பின்வருமாறு எழுதப்பட்டுள்ளது:
MARGINWIDTH="மதிப்பு",
இதில் "மதிப்பு" என்பது பிக்சல்களில் உள்ள முழுமையான மதிப்பு. உதாரணத்திற்கு:
இந்த சட்டகம் 5 பிக்சல்களின் மேல் மற்றும் கீழ் விளிம்புகளைக் கொண்டுள்ளது, மேலும் இடது மற்றும் வலது - 7 பிக்சல்கள். இங்கே நாம் பேசுவது விளிம்புகளைப் பற்றி அல்ல, எல்லைகளைப் பற்றி அல்ல என்பதை நினைவில் கொள்ளுங்கள். MARGINWIDTH மற்றும் MARGINHEIGHT அளவுருக்கள் சட்டத்திற்குள் எந்த தகவலும் இல்லாத இடத்தை வரையறுக்கின்றன. இந்த அளவுருக்களுக்கான குறைந்தபட்ச ஏற்றுக்கொள்ளக்கூடிய மதிப்பு ஒன்று.
பிரேமின் உள்ளடக்கங்கள் ஒதுக்கப்பட்ட இடத்திற்குள் முழுமையாகப் பொருந்தவில்லை என்றால், சட்டங்கள் தானாகவே சுருள்ப்பட்டைகளை உருவாக்கி காண்பிக்கும். சில நேரங்களில் இது பக்கத்தின் வடிவமைப்பை உடைக்கிறது, எனவே ஸ்க்ரோல் பார்களின் காட்சியைக் கட்டுப்படுத்துவது எளிது. இந்த நோக்கங்களுக்காக ஸ்க்ரோலிங் அளவுரு பயன்படுத்தப்படுகிறது. பதிவு வடிவம்:
.
ஸ்க்ரோலிங் அளவுரு மூன்று மதிப்புகளை எடுக்கலாம்: ஆம், இல்லை அல்லது ஆட்டோ. ஸ்க்ரோலிங் அளவுரு இல்லாத அதே விளைவை AUTO மதிப்பு கொண்டுள்ளது. YES என்ற மதிப்பு ஸ்க்ரோல் பார்கள் தேவையா என்பதைப் பொருட்படுத்தாமல் தோன்றும், மேலும் NO அவை தோன்றுவதைத் தடுக்கிறது. உதாரணத்திற்கு:
.
பொதுவாக பயனர்கள் பக்கத்தைப் பார்க்கும் போது ஃப்ரேம்களின் அளவை மாற்றலாம். நீங்கள் மவுஸ் கர்சரை பிரேம் ஃப்ரேமில் வைத்தால், கர்சர் மறுஅளவிடுவதற்கான வாய்ப்பைக் குறிக்கும் ஒரு வடிவத்தை எடுக்கும் மற்றும் சட்டத்தை விரும்பிய இடத்திற்கு நகர்த்த உங்களை அனுமதிக்கும். இது சில நேரங்களில் அழகாக வடிவமைக்கப்பட்ட பிரேம்களின் கட்டமைப்பை உடைக்கிறது. பிரேம்களின் அளவை பயனர் மாற்றுவதைத் தடுக்க, NORESIZE அளவுருவைப் பயன்படுத்தவும்:
.
இந்த அளவுருவுக்கு எந்த மதிப்புகளும் தேவையில்லை. இயற்கையாகவே, பிரேம்களில் ஒன்றிற்கு NORESIZE அளவுரு அமைக்கப்பட்டால், அருகில் உள்ள எந்த பிரேம்களின் அளவையும் மாற்ற முடியாது. சில நேரங்களில், பிரேம்களின் அமைப்பைப் பொறுத்து, ஃபிரேம்களில் ஒன்றில் NORESIZE அளவுருவைப் பயன்படுத்துவது, திரையில் எந்த அளவும் மறுஅளவிடப்படுவதைத் தடுக்க போதுமானதாக இருக்கும்.
குறியிடவும்
பிரேம்களுடன் பணிபுரியும் திறன் HTML 3.0 அல்லது HTML 3.2 தரநிலையில் இல்லை. இங்கே, சமீப காலம் வரை, உண்மையில் பயன்படுத்தப்பட்ட அம்சங்கள் பல WWW பக்கங்களில் தீவிரமாகப் பயன்படுத்தப்படும்போது மிகவும் பொதுவான சூழ்நிலை இருந்தது, ஆனால் அவை தரநிலையின் பகுதியாக இல்லை. பிரேம்களை உலாவிகள் சட்டப்பூர்வமாக புறக்கணிக்க முடியும் என்பதே இதன் பொருள். HTML 4.0 தரநிலையின் வருகையுடன், நிலைமை மாறிவிட்டது - இப்போது சட்ட கட்டமைப்புகளுக்கான ஆதரவு தரநிலையில் பொறிக்கப்பட்டுள்ளது. HTML 4.O வருவதற்கு முன்பே பெரும்பாலான நவீன உலாவிகள் சட்டகங்களை அங்கீகரித்துள்ளன என்பதை நினைவில் கொள்ளவும். இருப்பினும், பிரேம்களை ஆதரிக்காத உலாவிகளைப் பயன்படுத்தும் பயனர்களுக்கு தகவலை வழங்குவது அவசியம். அத்தகைய உலாவிகளுக்கு, ஒரு ஜோடி குறிச்சொற்களுக்கு இடையில் எழுதப்பட்ட மாற்று தகவலை வழங்க முடியும் மற்றும். இது போல் தெரிகிறது:
முழு HTML ஆவணம்
குறிச்சொற்களுக்கு இடையில் அனைத்தும் வைக்கப்பட்டுள்ளன மற்றும், பிரேம் ஆதரவு திறன்கள் இல்லாத உலாவிகளால் காட்டப்படும். ஃபிரேம்-அறிவு உலாவிகள் இந்தக் குறிச்சொற்களுக்கு இடையே உள்ள அனைத்து தகவல்களையும் புறக்கணிக்கும்.
நிஜ வாழ்க்கையில், HTML பக்க உருவாக்குநர்கள் குறிச்சொல்லின் திறன்களைப் பயன்படுத்துவதில்லை என்பதை நினைவில் கொள்ளவும் சட்ட கட்டமைப்புகள் இல்லாமல் பக்கங்களை உருவாக்க, ஆனால் அவற்றின் HTML ஆவணங்களின் இரண்டு பதிப்புகளை உருவாக்கவும். இந்த விருப்பத்திற்கு முகப்பு பக்கம்பொதுவாக, சட்ட அமைப்புடன் அல்லது இல்லாமல் ஒரு ஆவணத்தை ஏற்றுவதற்கான தேர்வு உங்களுக்கு வழங்கப்படுகிறது. பின்னர், பயனரின் விருப்பத்தைப் பொறுத்து, ஆவணத்தின் ஒரு பதிப்பு மட்டுமே ஏற்றப்படும்.
சட்ட கட்டமைப்புகளை விவரிக்கும் அம்சங்கள்
சட்ட கட்டமைப்புகளை விவரிக்கும் போது பயன்படுத்தப்படும் மிக முக்கியமான குறிச்சொற்களில் ஒன்று குறிச்சொல் ஆகும் . ஒரு குறிச்சொல்லில் பல அளவுருக்கள் உள்ளன, அவற்றில் எதுவும் தேவைப்படாது அல்லது மற்றவற்றைச் சார்ந்தது, ஆனால் அவற்றை எழுதும் போது கருத்தில் கொள்ள வேண்டிய பல விஷயங்கள் உள்ளன.
ஒரு ஆவணத்தை பின்னர் ஏற்றக்கூடிய ஒரு சட்டகத்தை நீங்கள் உருவாக்க வேண்டும் என்றால், எடுத்துக்காட்டாக, மற்றொரு சட்டகத்திலிருந்து கட்டளை மூலம், நீங்கள் குறிச்சொல்லைப் பயன்படுத்த வேண்டும். SRC அளவுருவை எழுதவும். இதுவாக இருந்தால்
அளவுரு தவிர்க்கப்பட்டது, சட்டகம் உருவாக்கப்படாது, இருப்பினும் அதற்கு இடம் விடப்படும். உதாரணமாக, ஒரு பதிவு போன்றது இது மிகவும் தர்க்கரீதியானது மற்றும் "B" என்ற பெயரில் ஒரு சட்டத்தை வரையறுக்க முடியும், அதில் எந்த ஆவணமும் ஆரம்பத்தில் ஏற்றப்படவில்லை. இருப்பினும், SRC அளவுரு இல்லாததால், அந்த பெயரில் ஒரு சட்டகம் இருக்காது, எனவே எந்த ஆவணத்தையும் அதில் ஏற்றுவதற்கான முயற்சிகள் தோல்வியடையும், மேலும் இந்த சட்டகத்திற்கு ஒதுக்கப்பட்ட சாளரத்தில் இடம் காலியாக இருக்கும். மேலும், சில உலாவிகள் (உதாரணமாக, Windows Z.xxக்கான Microsoft Internet Explorer பதிப்பு 3) ஒரு ஆவணத்தை அத்தகைய சட்டத்தில் ஏற்ற முயற்சிக்கும்போது பிழைச் செய்தியைக் காட்டி வெளியேறும்.
SRC அளவுருவை அமைப்பதற்கான தேவையை தர்க்கரீதியாக விளக்க முடியாது, எனவே இந்த உண்மையை கவனத்தில் கொள்வது சிறந்தது. பின்னர், ஆரம்பத்தில் இருந்தே இந்த சட்டகத்தில் ஏற்றப்பட வேண்டிய ஆவணம் இல்லையென்றாலும், SRC அளவுருவில் ஒரு கோப்பின் பெயரைக் குறிப்பிட வேண்டும். எடுத்துக்காட்டாக, அத்தகைய கோப்பை காலி.எச்.டி.எம் (காலி) என்று அழைக்கலாம், இதன் உள்ளடக்கங்கள் குறைந்தபட்ச சரியான HTML ஆவணமாக இருக்கும், அதாவது:
இந்த ஆவணத்தை இரண்டு குறிச்சொற்களாகக் குறைக்கலாம்: , இது சரியான HTML ஆவணமாகவும் இருக்கும். "காலி" ஆவணத்தின் அளவை அதிகபட்சமாகக் குறைக்கும் பாதையைப் பின்பற்றி, நீங்கள் ஒரு பைட்டுக்கு சமமான ஒரு கோப்பிற்கு உங்களை வரம்பிடலாம், இது ஸ்பேஸ் கேரக்டரை (அல்லது வேறு ஏதேனும் காட்ட முடியாத எழுத்து) சேமிக்கிறது. இந்தக் கோப்பு சரியான HTML ஆவணமாக இருக்காது, ஆனால் பெரும்பாலான உலாவிகளில் சிக்கல்களை ஏற்படுத்தாது. அத்தகைய கோப்பின் அளவை பூஜ்ஜியமாகக் குறைப்பது நியாயமானதல்ல, ஏனெனில் அது நெட்ஸ்கேப் உலாவியால் ஏற்றப்படும் போது, ஆவணத்தில் தரவு இல்லை என்ற எச்சரிக்கை செய்தி (படம் 5.4) காண்பிக்கப்படும்.
அரிசி. 5. 4
.
பூஜ்ஜிய நீளக் கோப்பைப் பதிவேற்றும்போது எச்சரிக்கைச் செய்தி
அதே நேரத்தில், அன்று இந்த செய்திநீங்கள் ஒரு விசையை அழுத்துவதன் மூலம் எதிர்வினையாற்ற வேண்டும் அல்லது சுட்டி பொத்தான். எந்த நேரத்திலும் ஆவணம் மீண்டும் ஏற்றப்படும்போது அல்லது உலாவி சாளரத்தின் அளவை மாற்றினால், செய்தி மீண்டும் தோன்றும்.
நீங்கள் இல்லாத கோப்பின் பெயரையும் குறிப்பிடலாம், ஆனால் இந்த விஷயத்தில் நெட்ஸ்கேப் உலாவி ஒரு எச்சரிக்கை செய்தியை (படம் 5.5) காண்பிக்கும், இது மேலும் வேலையைத் தடுக்காது, ஆனால் இதே போன்ற சிரமங்களுக்கு வழிவகுக்கும்.
அரிசி. 5. 5
.
இல்லாத கோப்பைப் பதிவிறக்க முயற்சிக்கும்போது எச்சரிக்கைச் செய்தி
ஆலோசனை
காலி.எச்.டி.எம் என்ற கோப்பை உருவாக்கவும், அது ஒரு பைட் அளவு மற்றும் ஸ்பேஸ் கேரக்டரைக் கொண்டுள்ளது. குறிச்சொல்லை எழுதும்போது அதை ஒரு விதியாகக் கொள்ளுங்கள் ஒரு குறிப்பிட்ட கோப்பின் பெயரை உடனடியாகக் குறிப்பிட இயலாது என்றால் SRC=empty.htm ஐ எப்போதும் குறிப்பிடவும்.
பிரேம்களின் எடுத்துக்காட்டுகள்
இந்த பகுதி சட்ட வரையறைகளின் சில பொதுவான எடுத்துக்காட்டுகளை வழங்குகிறது.
இந்த பிரிவின் தொடக்கத்தில் கொடுக்கப்பட்ட உதாரணத்திற்கு திரும்புவோம் (படம் 5.3). இந்த உதாரணம் உள்ளமைக்கப்பட்ட கட்டமைப்பைப் பயன்படுத்துகிறது
. வெளிப்புற குறிச்சொல் வியூபோர்ட்டின் மொத்த உயரத்தில் முறையே 25, 50 மற்றும் 25 சதவீதம் உயரத்தின் மூன்று வரிசைகளை உருவாக்குகிறது:
.
இந்த வரையறையின் எல்லைக்குள், முதல் மற்றும் கடைசி வரிகள் எளிமையான சட்டங்கள்:
இந்த வரிகள் ஒவ்வொன்றும் திரையின் முழு அகலத்தையும் நிரப்புகிறது. திரையின் மேற்புறத்தில் உள்ள முதல் வரி 25 சதவீத உயரத்தையும், கீழே உள்ள மூன்றாவது வரியும் 25 சதவீத உயரத்தையும் எடுக்கும். இருப்பினும், அவற்றுக்கிடையே ஒரு உள்ளமை குறிச்சொல் உள்ளது
:
இந்த குறிச்சொல் திரையின் நடு வரிசை பிரிக்கப்பட்ட இரண்டு நெடுவரிசைகளை வரையறுக்கிறது. வெளிப்புறக் குறிச்சொல்லில் வரையறுக்கப்பட்டுள்ளபடி, இந்த இரண்டு நெடுவரிசைகளைக் கொண்ட வரிசை திரையின் உயரத்தில் 50 சதவீதத்தை எடுக்கும்
. இடது நெடுவரிசை திரையின் அகலத்தில் 25 சதவீதத்தைப் பயன்படுத்துகிறது, அதே நேரத்தில் வலது நெடுவரிசை மீதமுள்ள 75 சதவீத அகலத்தைப் பயன்படுத்துகிறது.
இந்த நெடுவரிசைகளுக்கான சட்டங்கள் உள்ளமைக்கப்பட்ட ஜோடி குறிச்சொற்களுக்குள் வரையறுக்கப்படுகின்றன
மற்றும், முதல் மற்றும் கடைசி வரிக்கான பிரேம்களின் வரையறை இந்த ஜோடிக்கு வெளியே எழுதப்பட்டுள்ளது, ஆனால் வெளிப்புறத்திற்குள் பொருத்தமான வரிசையில்.
உள்ளமைக்கப்பட்ட தொகுதி என்று நீங்கள் நினைத்தால் பதிவு அமைப்பு எளிதில் புரியும்
ஒரு தனி உறுப்பு . எங்கள் எடுத்துக்காட்டில், வெளிப்புற குறிச்சொல் மூன்று வரிகளை வரையறுக்கிறது. அவை ஒவ்வொன்றும் முடிக்கப்பட வேண்டும். இந்த வழக்கில், அவை முதலில் ஒரு தனி உறுப்புடன் நிரப்பப்படுகின்றன , பின்னர் - ஒரு உள்ளமை தொகுதியாக இரண்டு நெடுவரிசைகள் அகலம் மற்றும் பின்னர் மற்றொரு உறுப்பு .
இப்போது SRC டேக் அளவுருவின் மதிப்பு இருக்க முடியுமா என்ற கேள்வி எழலாம் கோப்பின் பெயரை அமைக்கவும், இது சட்ட கட்டமைப்பின் விளக்கத்தைக் கொண்டுள்ளது. ஆம், இது ஏற்கத்தக்கது. இந்த வழக்கில் குறிச்சொல் சட்ட அமைப்பு மற்றும் தனி சட்டமாகப் பயன்படுத்தப்படும் HTML ஆவணத்தை சுட்டிக்காட்டப் பயன்படுத்தப்படும்.
உதாரணத்திற்குச் சென்று உள்ளமைக்கு மாற்றுவோம்
ஒரு தனிக்கு . இயற்கையாகவே, உங்களுக்கு ஒன்றுக்கு பதிலாக இரண்டு HTML கோப்புகள் தேவைப்படும் இப்போது ஒரு தனி ஆவணத்தில் இருக்கும். முதல் (வெளிப்புற) கோப்பின் உள்ளடக்கங்கள் இங்கே:
உங்கள் உலாவியால் ஃப்ரேம்களைக் காட்ட முடியாது
frameset.htm என பெயரிடப்பட்ட இரண்டாவது கோப்பில் பின்வரும் குறியீடு உள்ளது:
இந்த வழக்கில், மேல் மற்றும் கீழ் கோடுகள் ஒரே மாதிரியாக செயல்படுகின்றன. ஆனால் இரண்டாவது வரி இப்போது மற்றவர்களைப் போலவே எளிமையான சட்டமாக உள்ளது. இருப்பினும், SRC அளவுருவால் சுட்டிக்காட்டப்பட்ட frameset.htm கோப்பு அதன் சொந்த சட்ட கட்டமைப்பை வரையறுக்கிறது. இதன் விளைவாக, அசல் எடுத்துக்காட்டில் உள்ளதைப் போலவே திரையும் காண்பிக்கப்படும்.
குறிப்பு
உள்ளமைக்கப்பட்ட கட்டமைப்புகளை உருவாக்குவது கொள்கையளவில் சாத்தியமாகும் , குறிச்சொற்களைப் பயன்படுத்துதல் , இது சட்ட கட்டமைப்பை விவரிக்கும் அதே கோப்பைக் குறிக்கிறது, ஆனால் இதைச் செய்யக்கூடாது. இந்த நிலைமை முடிவில்லாத மறுநிகழ்வுக்கு வழிவகுக்கும் மற்றும் மேலும் வேலை செய்ய அனுமதிக்காது. சில உலாவிகள் இந்த சூழ்நிலையை கட்டுப்படுத்துகின்றன மற்றும் தோல்வியின் சாத்தியத்தை தடுக்கின்றன. SRC க்கு எழுதப்பட்ட முகவரி சட்டப் படிநிலையில் முந்தைய முகவரிகளில் ஒன்றுடன் பொருந்தினால், SRC அளவுரு இல்லாதது போல் அது புறக்கணிக்கப்படும்.
ஆலோசனை
உள்ளமைக்கப்பட்ட கட்டமைப்புகளைப் பயன்படுத்துதல் பல்வேறு சேர்க்கைகளில், கற்பனை செய்யக்கூடிய எந்த சட்ட கட்டத்தையும் உருவாக்க முடியும். இருப்பினும், பிரேம்களுடன் பணிபுரியும் உங்கள் திறனை மட்டும் காட்டாமல், பயனர் நட்பு இடைமுகத்தை உருவாக்க வேண்டும் என்பதை நினைவில் கொள்ளுங்கள்.
பிரேம்களின் வழக்கமான செவ்வக கட்டத்தை உருவாக்குவதற்கான எடுத்துக்காட்டு இங்கே:
இந்த எடுத்துக்காட்டு இரண்டு வரிசைகள் மற்றும் மூன்று நெடுவரிசைகளுடன் ஒரு சட்ட கட்டத்தை உருவாக்குகிறது (படம் 5.6). ஆறு பிரேம்களின் தொகுப்பு வரையறுக்கப்பட்டுள்ளதால், ஆறு தனித்தனி பிரேம்களை வரையறுப்பதும் அவசியம் . சட்ட வரையறைகள் வரிக்கு வரி கொடுக்கப்பட்டுள்ளன என்பதை நினைவில் கொள்க. அதாவது, முதல் குறிச்சொல் முதல் வரிசையில் உள்ள முதல் நெடுவரிசையின் உள்ளடக்கங்களை வரையறுக்கிறது, இரண்டாவது இரண்டாவது நெடுவரிசையின் உள்ளடக்கங்களை வரையறுக்கிறது, மற்றும் மூன்றாவது முடிவு முதல் வரிசையின் கடைசி நெடுவரிசைக்கான தரவை வரையறுக்கிறது. கடைசி மூன்று பிரேம்கள் இரண்டாவது வரிசையின் நெடுவரிசைகளை நிரப்புகின்றன.
அரிசி. 5. 6
.
2 பை 3 பிரேம் கட்டம்
COLS அளவுருவில் உள்ள சதவீத மதிப்புகளின் கூட்டுத்தொகை 100 அல்ல, ஆனால் 90 சதவீதம் மட்டுமே என்பதை நினைவில் கொள்க. இதில் எந்தத் தவறும் இல்லை, ஏனெனில் இந்த முரண்பாட்டை அகற்ற உலாவி தானாகவே நெடுவரிசைகளின் அகலத்தை விகிதாசாரமாக மாற்றும்.
பிரேம்களைப் பயன்படுத்தும் போது வழிசெலுத்தலின் அம்சங்கள்
சட்ட கட்டமைப்பைக் கொண்ட ஆவணங்களுடன் பணிபுரிவது நீங்கள் தெரிந்து கொள்ள வேண்டிய சில அம்சங்களைக் கொண்டுள்ளது. JB இன் இந்த அம்சங்கள் முக்கியமாக ஆவணங்களை ஏற்றும் போது வழிசெலுத்தலில் வெளிப்படுத்தப்படுகின்றன. வழிசெலுத்தலில் குறிப்பிடத்தக்க வேறுபாடுகள் வெவ்வேறு உலாவிகளின் சிறப்பியல்பு மட்டுமல்ல, ஆனால் வெவ்வேறு பதிப்புகள்அதே உலாவி.
Netscape உலாவி பதிப்புகள் 3.x மற்றும் 4.x, நீங்கள் Back பட்டனைக் கிளிக் செய்யும் போது, ஆவணத்தை கடைசியாகச் செயல்பட்ட சட்டத்திற்குத் திருப்பிவிடும். எந்த ஃப்ரேம்களிலும் சூழல் மெனுவை அழைக்கும்போது பின் உருப்படி தேர்ந்தெடுக்கப்பட்டால் அதே செயல்கள் செய்யப்படும். வலது சுட்டி பொத்தானைக் கிளிக் செய்வதன் மூலம் சூழல் மெனு அழைக்கப்படுகிறது என்பதை உங்களுக்கு நினைவூட்டுவோம். எனவே, சூழல் மெனு எந்த சட்டத்தில் அழைக்கப்பட்டாலும், பின் பொத்தானை அழுத்தினால், அது மற்றொரு சட்டகத்தில் செய்யப்பட்டிருந்தாலும், கடைசி செயல்பாட்டை ரத்து செய்யும்.
Netscape 2.x உலாவி முற்றிலும் வித்தியாசமாக வேலை செய்தது. சூழல் மெனுவில் Back in Frame கட்டளை உள்ளது, இது கடைசி செயல்பாட்டை செயல்தவிர்ப்பதை விட தற்போதைய சட்டகத்திற்கு ஆவணத்தை வழங்கும்.
நெட்ஸ்கேப்பின் எந்தப் பதிப்பிலும், தேர்ந்தெடுக்கப்பட்ட சட்டகத்தில் உள்ள ஆவணத்தை நீங்கள் புக்மார்க் செய்யலாம். இதைச் செய்ய, மேலே குறிப்பிட்டுள்ள சூழல் மெனுவிலிருந்து புக்மார்க் சேர் பயன்முறையைத் தேர்ந்தெடுக்க வேண்டும். உலாவியின் பிரதான மெனுவிலிருந்து புக்மார்க் சேர் பயன்முறையைத் தேர்ந்தெடுத்தால், சட்ட கட்டமைப்பின் விளக்கத்துடன் ஆவணத்தில் ஒரு புக்மார்க் செய்யப்படும்.
, இது ஒரு குறிப்பிட்ட சட்டத்தை துல்லியமாக சுட்டிக்காட்டாது. ஒரு தனி சட்டத்தின் ஆவணத்தில் புக்மார்க்கை உருவாக்கும் திறன், இந்த புக்மார்க்கை நீங்கள் தொடர்ந்து பயன்படுத்தும்போது அதே சட்ட அமைப்பு எழும் என்று அர்த்தமல்ல. புக்மார்க் மூலம் சுட்டிக்காட்டப்பட்ட ஆவணம் சட்ட கட்டமைப்பிற்கு வெளியே ஒரு முழு சாளரத்தில் ஏற்றப்படும்.
சட்டங்களுக்கு இடையிலான தொடர்பு
WWW இல் தகவல்களைப் பார்ப்பதற்கான எளிய வடிவம், பக்கங்களைப் படிப்பது மற்றும் பின்வரும் இணைப்புகளைக் கொண்டுள்ளது, இதில் உலாவி சாளரத்தில் தற்போதைய ஆவணம் மற்றொரு ஆவணத்தால் மாற்றப்படுகிறது. பிரேம்களுடன் பணிபுரியும் போது, நீங்கள் மிகவும் பயனர் நட்பு ஆவணத்தை ஏற்றுதல் திட்டத்தை ஒழுங்கமைக்கலாம்.
பிரேம்களுக்கிடையேயான தொடர்பு என்பது மற்றொரு சட்டகத்திலிருந்து கட்டளைகளைப் பயன்படுத்தி தேர்ந்தெடுக்கப்பட்ட சட்டத்தில் ஆவணங்களை ஏற்றும் திறன் ஆகும். இந்த நோக்கத்திற்காக, TARGET குறிச்சொல் அளவுரு பயன்படுத்தப்படுகிறது<А>. இந்த அளவுருஇந்த இணைப்பின் மூலம் சுட்டிக்காட்டப்பட்ட ஆவணம் ஏற்றப்படும் சட்டகம் அல்லது உலாவி சாளரத்தின் பெயரைக் குறிப்பிடுகிறது. இயல்பாக, TARGET அளவுரு இல்லை என்றால், ஆவணம் தற்போதைய சட்டகத்தில் (அல்லது சாளரத்தில்) ஏற்றப்படும். குறிச்சொல்லைக் குறிப்பிடுவதன் மூலம் இந்த இயல்புநிலையை மாற்றலாம் TARGET அளவுருவின் விரும்பிய மதிப்புடன். ஒரு குறிப்பிட்ட சட்டகத்திற்கு அதிக எண்ணிக்கையிலான இணைப்புகள் ஆவணங்களை இயக்க வேண்டியிருக்கும் போது, ஏற்றப்படும் இயல்புநிலை சட்டகத்தின் பெயரைக் குறிப்பிடுவது மிகவும் பயனுள்ளதாக இருக்கும். ஒரு சட்டத்தில் உள்ள உள்ளடக்க அட்டவணையுடன் கூடிய பொதுவான சூழ்நிலை, அதனுடன் தொடர்புடைய ஆவணங்களை அடுத்தடுத்த சட்டகத்தில் ஏற்றும் இணைப்புகள், இந்த அத்தியாயத்தின் தொடக்கத்தில் காட்டப்பட்டுள்ளது (படம் 5.1). பிரிவில் இந்த உதாரணத்திற்கு
LIST.htm என்ற கோப்பு, பின்வரும் வரியை எழுதுவது நல்லது: . இல்லையெனில், ஒவ்வொரு இணைப்பிற்கும் நீங்கள் ஒரு TARGET அளவுருவைக் குறிப்பிட வேண்டும்.
சட்டத்தின் பெயர்கள் லத்தீன் எழுத்து அல்லது எண்ணுடன் தொடங்க வேண்டும். பெயர் ஏற்கனவே உள்ள சாளரம் அல்லது சட்டகத்தின் பெயராக இருக்கலாம் அல்லது புதிய சாளரம் திறக்கப்படும் புதிய பெயரைக் குறிப்பிடலாம். குறிப்பிடப்படும்போது சிறப்புச் செயல்களைச் செய்யும் நான்கு ஒதுக்கப்பட்ட பெயர்கள் உள்ளன. இந்தப் பெயர்கள் அடிக்கோடிட்டு (_) தொடங்கும்: "_blank", "_self", "_parent" மற்றும் "_top". அடிக்கோடிட்டுத் தொடங்கும் வேறு எந்தப் பெயரும் செல்லாது.
TARGET="_blank" - ஆவணம் புதிய சாளரத்தில் ஏற்றப்படுவதை உறுதி செய்கிறது. இந்த சாளரத்திற்கு ஒரு பெயர் இருக்காது, எனவே அதில் மற்றொரு ஆவணத்தை ஏற்ற முடியாது.
TARGET="_self" - ஆவணம் தற்போதைய சட்டகத்தில் (அல்லது சாளரத்தில்) ஏற்றப்படும். குறிச்சொல் மூலம் குறிப்பிடப்பட்ட இயல்புநிலையைத் தவிர்க்க இந்த உள்ளீடு பயன்படுத்தப்பட வேண்டும் .
TARGET="_top" - ஆவணம் முழு சாளரத்தில் ஏற்றப்படும். ஆவணம் ஏற்கனவே முழு சாளரத்தில் இருந்தால், இந்த மதிப்பு அதே விளைவைக் கொண்டுள்ளது"_சுய".
TARGET="_parent" - தற்போதைய சட்டகத்தின் பெற்றோர் சட்டத்தால் ஆக்கிரமிக்கப்பட்ட பகுதியில் ஆவணம் ஏற்றப்படும். பெற்றோர் சட்டகம் இல்லை என்றால், இந்த அளவுரு மதிப்பு அதே விளைவைக் கொண்டுள்ளது"_மேல்" .
குறிப்பு
சில HTML ஆதாரங்கள் தவறாக ஒரு சட்டத்திற்கு பெற்றோர் இல்லை என்றால், "_parent" மதிப்பு "_self" க்கு சமமானதாகும். இந்த அறிக்கை எப்போதும் சரியானது அல்ல.
எச்சரிக்கை
ஒதுக்கப்பட்ட சட்டப் பெயர்கள் "_blank", "_self", "_parent" மற்றும் "_top" ஆகியவை சிறிய லத்தீன் எழுத்துக்களில் எழுதப்பட வேண்டும். நெட்ஸ்கேப்பில் மட்டுமே இத்தகைய துல்லியம் இயல்பாக உள்ளது என்பதை நினைவில் கொள்ளவும். மைக்ரோசாப்ட் இன்டர்நெட் எக்ஸ்புளோரர் எந்தவொரு சந்தர்ப்பத்திலும் எழுதப்பட்ட முன்பதிவு செய்யப்பட்ட பெயர்களை சரியாக அங்கீகரிக்கிறது.
பிரேம்கள் மற்றும் தனிப்பட்ட உலாவி சாளரங்களுக்கு இடையிலான தொடர்புக்கான எடுத்துக்காட்டுகள் இங்கே. பின்வரும் HTML குறியீட்டைக் கவனியுங்கள்:
பிரேம்களைப் பயன்படுத்துதல்
இந்த HTML ஆவணம் "A", "B" மற்றும் "C" என்ற மூன்று பிரேம்களைக் கொண்ட ஒரு கட்டமைப்பை விவரிக்கிறது. ஃப்ரேம்களுக்கு இடையே இணைப்புகளை ஒழுங்கமைக்க ஃபிரேம் பெயர்கள் பின்னர் தேவைப்படும். சட்டத்தில் "A" என்று பெயரிடப்பட்டுள்ளது என்பதை நினைவில் கொள்க இந்த எடுத்துக்காட்டில்குறிப்புகள் எதுவும் இருக்காது, எனவே அது பெயர் இல்லாமல் இருந்திருக்கலாம். மேலே உள்ள ஆவணத்தை உலாவியில் ஏற்றும்போது, SRC அளவுருவால் அடையாளம் காணப்பட்ட கோப்புகளில் உள்ள தகவலை ஃப்ரேம்கள் காண்பிக்கும். ஃப்ரேம் "A" frame_a.htm கோப்பின் உள்ளடக்கங்களைப் பெறும், மீதமுள்ள இரண்டு பிரேம்கள் காட்டுவதற்கு தரவு இல்லாத காலி.htm கோப்பிலிருந்து தரவைப் பெறும். பிரேம்களின் கட்டமைப்பை விவரிக்கும் HTML ஆவணத்தில் பிரிவு இல்லை என்பதை மீண்டும் ஒருமுறை நினைவூட்டுவோம்
இந்த ஆவணம் பிரிவுகளைக் கொண்ட முழுமையான HTML ஆவணமாகும்
மற்றும் மற்றும், இதையொட்டி, test.htm எனப்படும் கோப்பிற்கான இணைப்புகள், frame_a.htm கோப்பின் அதே கோப்பகத்தில் அமைந்துள்ளன.
test.htm கோப்பின் உரை மிகவும் எளிமையானது:
சோதனை ஆவணம்
சோதனை ஆவண உரை
Frame_a.htm கோப்பு, "A" சட்டத்தில் ஏற்றப்பட்ட உள்ளடக்கங்கள், TARGET அளவுருவிற்கு வெவ்வேறு மதிப்புகளுடன் ஒரே கோப்பில் test.htm க்கு ஆறு இணைப்புகள் உள்ளன.
இந்த இணைப்புகளைச் செயல்படுத்தும்போது ஏற்படும் செயல்களைக் கருத்தில் கொள்வோம். TARGET="B" மதிப்பைக் கொண்ட முதல் இணைப்பு test.htm கோப்பை "in" என்ற சட்டத்தில் ஏற்றும். ஆறு இணைப்புகளில் ஏதேனும் ஒன்றைச் செயல்படுத்திய பிறகு, நெட்ஸ்கேப் உலாவி தானாக அந்த ஆறும் வெவ்வேறு நிறத்தில் இருக்கும், ஏனெனில் அவை ஒரே கோப்பைச் சுட்டிக்காட்டுகின்றன. மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் உண்மையில் செயல்படுத்தப்பட்ட இணைப்புகளை மட்டுமே குறிக்கிறது.
இரண்டாவது இணைப்பு சட்டகம் "C" க்கும் அதே செய்யும். ஆரம்பத்தில், "B" மற்றும் "C" பிரேம்களில் எதுவும் இல்லை (இன்னும் துல்லியமாக, காலியான கோப்பின் உள்ளடக்கங்கள் காலி.htm ஏற்றப்படுகின்றன). முதல் மற்றும் இரண்டாவது இணைப்புகளை செயல்படுத்துவது இந்த சட்டங்களை நிரப்பும்.
TARGET=MD" மதிப்பைக் கொண்ட மூன்றாவது இணைப்பு, "D" என்ற பெயரில் ஒரு புதிய உலாவி சாளரத்தை உருவாக்கி அதில் test.htm கோப்பை ஏற்றுவதற்கு வழிவகுக்கும். இந்த இணைப்பை எழுதும் வடிவம் முதலில் இருந்து வேறுபட்டதல்ல என்பதை நினைவில் கொள்ளவும். இரண்டு வித்தியாசம் என்னவென்றால், முதல் இரண்டு நிகழ்வுகளில், தற்போதுள்ள பிரேம்களுக்குக் குறிப்புகள் கொடுக்கப்பட்டன, அவற்றின் பெயர்கள் பிரேம் கட்டமைப்பைக் கொண்ட கோப்பில் வரையறுக்கப்பட்டுள்ளன, மேலும் இந்த வழக்கில் அது இல்லாத பொருளுக்குக் கொடுக்கப்பட்டது இந்த குறிப்பு ஒரு முறையாவது செயல்படுத்தப்படும், பின்னர் "D" என்ற பெயருடன் ஒரு சாளரம் உருவாக்கப்பட்டு, இணைப்பைக் கிளிக் செய்வதன் மூலம், தற்போதுள்ள "D" சாளரத்தில் மட்டுமே தரவு மீண்டும் ஏற்றப்படும் எந்த நேரத்திலும், இந்த இணைப்பைத் தேர்ந்தெடுப்பதன் மூலம் அதை மீண்டும் உருவாக்கவும்.
அரிசி. 5. 7
.
இடது சட்டத்தில் கிடைக்கும் முதல் மூன்று இணைப்புகளை வரிசையாக செயல்படுத்திய பிறகு பெறப்பட்ட சூழ்நிலை
TARGET="_top" மதிப்பைக் கொண்ட ஐந்தாவது இணைப்பு, முழு சட்ட கட்டமைப்பிற்குப் பதிலாக முழு சாளரத்தில் ஆவணத்தை ஏற்றும். TARGET அளவுருவின் இந்த மதிப்புடன், ஒரு புதிய சாளரம் உருவாக்கப்படவில்லை. பின் பொத்தானைக் கிளிக் செய்வதன் மூலம் சட்ட கட்டமைப்பிற்குத் திரும்புவது சாத்தியமாகும்.
குறிப்பு
பிரேம்கள் அல்லது உலாவி சாளரங்களின் பெயர்கள் பதிவிறக்கம் செய்யப்பட்ட ஆவணங்களின் பெயர்களுடன் குழப்பமடையக்கூடாது. பார்க்கும் போது சட்டங்களின் பெயர்கள் எங்கும் காணப்படாது, அவை தொடர்புகளை ஒழுங்கமைக்க மட்டுமே தேவைப்படுகின்றன, எனவே அவை பயனரிடமிருந்து மறைக்கப்படுகின்றன. HTML கோப்புகளின் மூல உரையைப் பார்க்கும்போது மட்டுமே அவற்றைப் பார்க்க முடியும்.
ஆலோசனை
பதிவிறக்கம் செய்யப்பட்ட ஆவணங்களின் பெயர்கள் குறிச்சொல் மூலம் குறிப்பிடப்பட்டிருப்பதை நினைவூட்டுவோம் . ஒரு ஆவணம் முழு சாளரத்தில் ஏற்றப்பட்டால், அதன் பெயர் உலாவி சாளரத்தின் மேல் பகுதியில் காட்டப்படும். ஒரு ஆவணம் சட்டகத்தில் ஏற்றப்பட்டால், அதன் பெயர் எங்கும் காட்டப்படாது, மேலும் ஆவணத்தின் சட்ட கட்டமைப்பின் விளக்கத்தைக் கொண்ட ஆவணத்தின் தலைப்பு இன்னும் சாளரத்தின் மேல் பகுதியில் இருக்கும். எனவே, பிரேம்களில் பார்க்க விரும்பும் ஆவணங்களின் பெயர்கள் மிகவும் முக்கியமானவை அல்ல. உதாரணமாக, படத்தில். 5.7 அதே ஆவணம் "B" மற்றும் "C" பிரேம்களிலும், "D" என்ற தனி சாளரத்திலும் ஏற்றப்படும், அதே நேரத்தில் ஆவணத்தின் பெயர் "D" சாளரத்தில் மட்டுமே தெரியும். இருப்பினும், பிரேம்களில் ஏற்றப்பட்ட ஆவணங்களின் பெயர்களைத் தவிர்ப்பது அரிதாகவே பரிந்துரைக்கப்படுகிறது, எடுத்துக்காட்டாக, புக்மார்க்குகள் பட்டியலில் ஒரு சட்டத்தில் அமைந்துள்ள ஆவணத்திற்கான புக்மார்க்கை உருவாக்கும் போது அல்லது பார்க்கப்பட்ட ஆவணங்களின் பட்டியலில் தோன்றும்.
பிரேம்கள் மற்றும் உலாவி சாளரங்களுக்கு இடையிலான தொடர்புகளை ஒழுங்கமைப்பதற்கான மற்றொரு சுவாரஸ்யமான உதாரணத்தைப் பார்ப்போம். முக்கிய ஏற்றப்பட்ட HTML ஆவணத்தின் உரை இருக்கட்டும்:
சாளர பெயர்களைப் பயன்படுத்துதல்
புதிய சாளரத்தில் சட்ட அமைப்புடன் கூடிய ஆவணம்А>
பிரேம்களைப் பயன்படுத்துதல்
பிரதான ஆவணம் நிலையான HTML ஆவணமாக இருந்தால், பிரதான ஆவணத்திலிருந்து ஒரு இணைப்பிலிருந்து ஏற்றப்பட்ட frame.htm கோப்பு சட்ட கட்டமைப்பையும், அதையொட்டி காலி.htm கோப்பிற்கான இணைப்புகளையும் கொண்டுள்ளது என்பதை நினைவில் கொள்ளவும்.
பிரதான ஆவணத்தை ஏற்றிய பிறகு, உலாவி சாளரம் படத்தில் காட்டப்பட்டுள்ளதைப் போல இருக்கும். 5.8 (இடது சாளரம்). முழு ஆவணமும் இரண்டு இணைப்புகளைக் கொண்டுள்ளது. முதல் இணைப்பைப் பின்தொடர்வோம். "D" என்ற பெயரில் ஒரு புதிய சாளரம் உருவாக்கப்படும், அதில் test.htm கோப்பின் உரை தோன்றும் (படம் 5.8, வலது சாளரம்). இந்த இணைப்பை மீண்டும் செய்தால் "D" சாளரத்தில் உள்ள தரவு மட்டுமே மீண்டும் ஏற்றப்படும்.
அரிசி. 5.8ஃபிரேம் சாளரங்களை ஊடாடுவதற்கான எடுத்துக்காட்டு
இரண்டாவது இணைப்பைப் பின்தொடர்வோம். பெயர் இல்லாமல் ஒரு புதிய சாளரம் உருவாக்கப்படும், அதில் frame.htm கோப்பு ஏற்றப்படும், "C" மற்றும் "D" (படம் 5.8, கீழ் சாளரம்) என்ற பெயர்களுடன் இரண்டு பிரேம்களை வரையறுக்கிறது. இரண்டு பிரேம்களிலும் எதுவும் இல்லை (இன்னும் துல்லியமாக, வெற்று ஆவணம் காலி.htm ஏற்றப்பட்டது). இப்போது "D" என்ற பெயரில் ஒரு திறந்த சாளரம் மற்றும் பிரேம்கள் கொண்ட ஒரு சாளரம் உள்ளது, அதில் ஒன்று "D" என்றும் பெயரிடப்பட்டுள்ளது. மீண்டும் முதல் இணைப்பைப் பின்தொடர்வோம். முதல் வழக்கைப் போலன்றி, தரவு "D" சாளரத்தில் அல்ல, ஆனால் "D" என்ற சட்டத்தில் ஏற்றப்படும். அனைத்து விவரிக்கப்பட்ட செயல்களின் முடிவு படம் காட்டப்பட்டுள்ளது. 5.8
குறிப்பு
திறக்கும் சாளரங்களின் தோற்றம் மற்றும் அவற்றின் உள்ளடக்கங்கள் சில நேரங்களில் பயனர் செயல்களின் வரிசையைப் பொறுத்தது. கணிக்க கடினமாக இருக்கும் ஆவணங்களுடன் பணிபுரிவது பொதுவாக பயனருக்கு நியாயமான எரிச்சலை ஏற்படுத்துகிறது மற்றும் டெவலப்பர்களின் தரவு கட்டமைப்பில் சிந்தனையின்மையைக் குறிக்கிறது.
நீங்கள் செயல்களின் வரிசையை மாற்றினால், அதாவது முதலில் இரண்டாவது இணைப்பை இயக்கவும், பின்னர் முதல், பின்னர் "D" என்ற சாளரம் தோன்றாது! இரண்டாவது இணைப்பைச் செயல்படுத்திய பிறகு, "D" என்ற பெயரில் ஒரு சட்டகம் உருவாக்கப்படும் மற்றும் முதல் இணைப்பிற்கு புதிய சாளரத்தைத் திறக்க வேண்டிய அவசியமில்லை என்பதால் இது நடக்கும்.
இந்த எடுத்துக்காட்டு ஒரு முன்மாதிரி அல்ல, ஆனால் தொடர்புகளை ஒழுங்கமைப்பதில் சாத்தியமான சிக்கலை மட்டுமே காட்டுகிறது. மாறாக, தரவின் அமைப்பை தேவையில்லாமல் சிக்கலாக்க வேண்டாம், பயனரின் செயல்களின் வரிசையைப் பொறுத்து முடிவு மாறும் சூழ்நிலைகளை உருவாக்குவது மிகக் குறைவு.
ஆலோசனை
சட்டகம் மற்றும் சாளர பெயர்களில் மோதல்களைத் தவிர்க்கவும். அதே பெயர்களைக் கொண்ட சட்டங்களை வைத்திருப்பது முறையாக தடைசெய்யப்படவில்லை என்றாலும், அது குழப்பத்திற்கு வழிவகுக்கும்.
எச்சரிக்கை
ஃபிரேம் மற்றும் சாளர பெயர்கள் கேஸ்-சென்சிட்டிவ் முறையில் ஒப்பிடப்படுகின்றன. எனவே, எடுத்துக்காட்டாக, "frame_1" மற்றும் "Frame_1" என பெயரிடப்பட்ட சட்டங்கள் வேறுபட்டதாக இருக்கும்.
பிரேம்களுக்கு இடையிலான மிகவும் சிக்கலான தொடர்புகளின் எடுத்துக்காட்டுகள்
சட்டங்களுக்கிடையேயான தொடர்புகளின் மிகவும் எளிமையான பொதுவான எடுத்துக்காட்டுகள் மேலே விவாதிக்கப்பட்டன. புதிய சாளரங்களை உருவாக்குதல், தனிப்பட்ட பிரேம்களின் உள்ளடக்கங்களை மாற்றுதல், அத்துடன் முழு பிரேம் கட்டமைப்பின் அழிவுடன் ஒரு முழு சாளரத்தில் ஒரு ஆவணத்தைக் காண்பிப்பது போன்ற பணிகள் கருதப்பட்டன. தனிப்பயன் ஃபிரேம் பெயர்கள் மற்றும் ஒதுக்கப்பட்ட பெயர்களான "_blank", "_self" மற்றும் "_top" ஆகியவற்றைப் பயன்படுத்துவதற்கான எடுத்துக்காட்டுகள் கொடுக்கப்பட்டுள்ளன. கடைசியாக ஒதுக்கப்பட்ட "_parent" என்ற பெயரைப் பயன்படுத்துவது மிகவும் சிக்கலானது மற்றும் கீழே விவரிக்கப்படும்.
இந்த பிரிவு பிரேம்களுக்கு இடையிலான தொடர்புக்கான மிகவும் சிக்கலான விருப்பங்களைப் பார்க்கும். குறிப்பாக, பல அருகிலுள்ள பிரேம்களின் உள்ளடக்கங்களை மாற்றுவது செயல்படுத்தப்படும்.
இந்த அத்தியாயத்தில் ஏற்கனவே குறிப்பிடப்பட்டுள்ள பிரேம்களின் பொதுவான பயன்பாடுகளில் ஒன்று, இரண்டு பிரேம்களின் வழக்கு, அவற்றில் ஒன்று இணைப்புகளின் பட்டியலைக் கொண்டுள்ளது, மற்றொன்று ஆவணங்களையே கொண்டுள்ளது (படம் 5.1).
சிக்கலின் உருவாக்கத்தை விரிவாக்க முயற்சிப்போம். பிரிவுகளாகப் பிரிக்கப்பட்ட அத்தியாயங்களைக் கொண்ட மிகப் பெரிய ஆவணத்தின் உள்ளடக்கங்களை நீங்கள் திரையில் காட்ட விரும்புகிறீர்கள் என்று வைத்துக்கொள்வோம். ஒரு பொதுவான உதாரணம் ஒரு குறிப்பிட்ட தலைப்பில் தொழில்நுட்ப இலக்கியம். திரையில் அத்தகைய ஆவணத்தின் விரும்பிய விளக்கக்காட்சியை விவரிப்போம். திரையை மூன்று பிரேம்களாகப் பிரிப்போம், அவற்றில் ஒன்று புத்தக அத்தியாயங்களின் பட்டியலைக் கொண்டிருக்கும், இரண்டாவது - தேர்ந்தெடுக்கப்பட்ட அத்தியாயத்தின் பிரிவுகளின் பட்டியல், மூன்றாவது - தேர்ந்தெடுக்கப்பட்ட பிரிவின் உரை. இரண்டாவது சட்டகத்தில் இணைப்பைத் தேர்ந்தெடுக்கும்போது, மூன்றாவது சட்டத்தின் உள்ளடக்கங்கள் மாற வேண்டும். இந்த தேவையை செயல்படுத்துவது அற்பமானது. முதல் சட்டகத்தில் இணைப்பைத் தேர்ந்தெடுக்கும்போது, இரண்டாவது மற்றும் மூன்றாவது பிரேம்களின் உள்ளடக்கங்கள் ஒரே நேரத்தில் மாற வேண்டும். முதல் பார்வையில், இந்த பணியை HTML இல் செயல்படுத்துவது சாத்தியமற்றது (ஜாவாஸ்கிரிப்ட் அல்லது பிற நிரலாக்கத்தைப் பயன்படுத்தாமல்), ஏனெனில் ஒரு இணைப்பு இயக்கப்படும்போது, ஒரே ஒரு ஆவணம் மட்டுமே ஏற்றப்படும், இரண்டு அல்லது அதற்கு மேற்பட்டவை அல்ல. இருப்பினும், இந்த சிக்கலை தீர்ப்பது மிகவும் சாத்தியம்.
ஒரு எளிய உதாரணத்தைப் பயன்படுத்தி அத்தகைய சிக்கலுக்கு சாத்தியமான தீர்வைக் காண்பிப்போம். நீங்கள் திரையில் மூன்று பிரேம்களைக் காட்ட விரும்புகிறீர்கள் மற்றும் அவற்றில் சில ஆவணங்களை ஏற்ற வேண்டும் என்று வைத்துக்கொள்வோம். இந்த பிரேம்கள் ஒவ்வொன்றிலும் இணைப்புகளை உருவாக்கும் பணியை அமைப்போம், எடுத்துக்காட்டாக, இரண்டு பிரேம்களின் உள்ளடக்கங்களை மாற்றியமைத்தல். முதல் சட்டகம் சாளரத்தின் அகலத்தில் 50% மற்றும் அதன் உயரத்தில் 100% எடுத்து சாளரத்தின் இடது பக்கத்தில் வைக்கட்டும். சாளரத்தின் வலது பாதியும் கிடைமட்டமாக பாதியாகப் பிரிக்கப்பட்டு மற்ற இரண்டு பிரேம்களைக் கொண்டுள்ளது. இந்த அமைப்பு பின்வரும் குறியீட்டால் விவரிக்கப்படுகிறது:
இந்த HTML குறியீட்டைப் பயன்படுத்தி, தேவையான அமைப்பு உருவாக்கப்படும், ஆனால் சிக்கலைத் தீர்ப்பது சாத்தியமற்றது. உள்ளமை கட்டமைப்பை அகற்றுவது அவசியம்
ஒரு தனி கோப்பில், இந்த HTML குறியீட்டில் உருவாக்கப்பட்ட கோப்பைக் குறிக்கும் சட்டத்தை விவரிக்கவும். பின்னர் மூல ஆவணத்தின் உரை இப்படி இருக்கும்:
சட்டங்களுக்கு இடையிலான தொடர்புக்கான எடுத்துக்காட்டு
உள்ளமை அமைப்புடன் உருவாக்கப்பட்ட கோப்பு
1_2.htm என்ற பெயரைக் கொண்டுள்ளது மற்றும் பின்வரும் குறியீட்டைக் கொண்டுள்ளது:
1-2
முதல் பார்வையில், எதுவும் மாறவில்லை. இரண்டு நிகழ்வுகளிலும் மூன்று பிரேம்கள் உள்ளன, அதில் இடது ஆவணங்கள் உள்ளன. htm, 1.htm மற்றும் 2.htm ஆகியவை முறையே ஏற்றப்படுகின்றன. இருப்பினும், பிரேம்கள் தொடர்பு கொள்ளும்போது, வேறுபாடு தோன்றும். முதல் வழக்கில் எந்த சட்டத்திலும் பெற்றோர் சட்டகம் இல்லை என்றால், இரண்டாவது வழக்கில் இரண்டு பிரேம்களுக்கு பெற்றோர் "Two_Frames" என்ற பெயருடைய சட்டமாக இருக்கும். எனவே, இரண்டு பிரேம்களில் ஏதேனும் ஒன்றில் "_parent" க்கு சமமான TARGET அளவுரு மதிப்பைக் கொண்ட இணைப்பைப் பயன்படுத்தினால், முதல் மற்றும் இரண்டாவது நிகழ்வுகளுக்கு முடிவு வேறுபட்டதாக இருக்கும். முதல் வழக்கில், அத்தகைய இணைப்பை செயல்படுத்துவது ஆவணத்தை முழு சாளரத்தில் ஏற்றும், ஏற்கனவே இருக்கும் சட்ட கட்டமைப்பை மாற்றும். இங்குதான் "_parent" மதிப்பு பண்பு செயல்பாட்டுக்கு வருகிறது, இது பெற்றோர் சட்டகம் இல்லாத போது "_top" போல் செயல்படுகிறது. இரண்டாவது வழக்கில், "Two_Frames" என்ற பெயரில் ஒரு சட்டகம் மாற்றப்படும், இது திரையின் வலது பாதியை ஆக்கிரமித்து, அடிப்படையில் இரண்டு பிரேம்களைக் கொண்டுள்ளது.
இரண்டாவது வழக்கு, "Two_Frames" என்ற பெயரில் ஒரு சட்டத்தைக் கொண்டிருப்பதன் மூலம், முதலில் இருந்து முறையாக வேறுபடுகிறது. துல்லியமாக இந்த அம்சம்தான் சிக்கலை தீர்க்க அனுமதிக்கும்.
இங்கே left.htm கோப்பின் உள்ளடக்கங்கள் உள்ளன, இது முதலில் பரிசீலனையில் உள்ள முதல் ஃப்ரேம்களில் ஏற்றப்பட்டது:
இடது சட்டகம்
சாளரத்தின் வலது பக்கத்தில் அமைந்துள்ள இரண்டு பிரேம்களில் ஆவணங்கள்.
1_2.htm மற்றும் 2_1.htm கோப்புகளின் உரை 1.htm மற்றும் 2.htm கோப்புகளுக்கான இணைப்புகளின் வரிசையில் மட்டுமே வேறுபடுகிறது என்பதை நினைவில் கொள்ளவும்.
இடது சட்டத்தில் ஏற்றப்பட்ட ஒரு ஆவணத்தின் கட்டுமானத்தை இப்போது கருத்தில் கொள்வோம். இது TARGET="Two_Frames" அளவுருவுடன் இரண்டு இணைப்புகளைக் கொண்டுள்ளது. இந்த இணைப்புகளில் ஏதேனும் ஒன்றைச் செயல்படுத்துவது "Two_Frames" சட்டத்தின் இடத்தில் இரண்டு பிரேம்களை உருவாக்குகிறது (இது திரையின் வலது பாதி), ஆவணங்கள் 1.htm மற்றும் 2.htm ஆகியவற்றை ஒரு வரிசையில் அல்லது மற்றொரு வரிசையில் ஏற்றுகிறது. எனவே, 1-2 விருப்பத்தைத் தேர்ந்தெடுக்கும்போது, ஆவணம் 1.htm மேல் வலது சட்டத்திலும், 2.htm கீழ் வலது சட்டத்திலும் ஏற்றப்படும். நீங்கள் 2-1 விருப்பத்தைத் தேர்ந்தெடுக்கும்போது, ஆவணங்களின் வரிசை மாறுகிறது. இதன் விளைவாக, விருப்பங்களின் மாற்றுத் தேர்வு இரண்டு பிரேம்களில் உள்ள ஆவணங்கள் இடங்களை மாற்றுகிறது என்ற எண்ணத்தை உருவாக்குகிறது. நாம் அடைய விரும்பிய விளைவு இதுதான் (படம் 5.9).
1.htm மற்றும் 2.htm ஆவணங்களின் உள்ளடக்கங்கள் விவரிக்கப்பட்ட உதாரணத்திற்கு முக்கியமில்லை. இருப்பினும், எடுத்துக்காட்டாக, அற்பமான ஆவணங்களுக்குப் பதிலாக, அதே செயல்களைச் செயல்படுத்தும் இணைப்புகளுடன் ஆவணங்களை உருவாக்குவோம்.
1.htm கோப்பின் உரை:
ஆவணம் 1
ஆவணம் 1
விருப்பம் 1 -2
விருப்பம் 2-1
கோப்பு 2.htm 1.htm இலிருந்து தலைப்பில் மட்டும் வேறுபடுகிறது.
TARGET="_parent" மதிப்புடன் இரண்டு இணைப்புகள் உள்ளன, அவை பெற்றோர் சட்டத்தை சுட்டிக்காட்டுகின்றன. இந்த இணைப்புகள் பெற்றோர் சட்டத்தின் வெளிப்படையான பெயருடன் எழுதப்படலாம், அதாவது TARGET="Two_Frames", ஆனால் மறைமுகமான பெயரைப் பயன்படுத்துவது பொதுவாக மிகவும் வசதியானது. எடுத்துக்காட்டாக, நீங்கள் இடது சட்டகத்திலிருந்து இணைப்புகளை விலக்கினால் (ஆவணம் left.htm), பிரதான சட்ட கட்டமைப்பை விவரிக்கும் போது குறிப்பிடப்பட்ட "Two_Frames" என்ற சட்டப் பெயரை நீங்கள் தவிர்க்கலாம். இது பெயர் இல்லாத ஒரு சட்டத்தை உருவாக்கும், ஆனால் TARGET="_parent" உடன் 1.htm மற்றும் 2.htm ஆகிய ஆவணங்களின் இணைப்புகள் இன்னும் சரியாக வேலை செய்யும்.
ஆலோசனை
முடிந்தவரை, மறைமுகமான சட்ட பெயரிடுதலைப் பயன்படுத்தவும். எடுத்துக்காட்டாக, குறிப்பிட்ட பெயர்களைக் குறிப்பிடுவதற்குப் பதிலாக "பெற்றோர்", "மேல்", "சுய".
அரிசி. 5.9ஏற்றப்பட்ட ஆவணங்களை மாற்றுவதன் விளைவுடன் சட்ட சாளரங்களை ஊடாடுதல்
பிரேம்கள் மற்றும் உலாவி சாளரங்களுக்கு இடையிலான வேறுபாடு
பிரேம்களுடன் பணிபுரியும் போது, உலாவி சாளரத்தின் பிரேம் கட்டமைப்பை ஒழுங்கமைப்பதற்கும் பல சாளரங்களை உருவாக்குவதற்கும் உள்ள அடிப்படை வேறுபாடு பற்றி கேள்வி எழுகிறது. முதல் பார்வையில், ஜன்னல்கள் மற்றும் பிரேம்களுடன் பணிபுரிவது மிகவும் ஒத்ததாக இருப்பதால், பல சாளரங்களை உருவாக்கும் திறனை நீங்கள் பெறலாம் என்று தோன்றலாம். ஒவ்வொரு சட்டகத்திற்கும் ஒரு தனி ஆவணம் ஏற்றப்பட வேண்டும், உள்ளடக்கத்தை சுயாதீனமாக உருட்டும் திறன் உள்ளது மற்றும் பிற பிரேம்களின் கட்டளைகளால் மாற்றியமைக்கப்படலாம். பிரேம்களின் இந்த பண்புகள் உலாவி சாளரங்களைப் போலவே இருக்கும். தரவுகளின் அட்டவணை அமைப்புடன், அத்தகைய செயல் சுதந்திரத்தை அடைவது சாத்தியமில்லை.
இருப்பினும், பிரேம்கள் மற்றும் ஜன்னல்களுக்கு இடையே குறிப்பிடத்தக்க வேறுபாடு உள்ளது. சட்ட அமைப்புடன், பார்க்கும் பகுதியை பிரேம்களாகப் பிரிப்பது HTML ஆவணத்தால் செய்யப்படுகிறது, இது பரிமாணங்களையும் அவற்றின் இருப்பிடத்தையும் குறிக்கிறது. பார்க்கும் போது, பயனர் பிரேம்களின் அளவை மாற்றலாம், இது அவர்களின் கட்டமைப்பின் விளக்கத்தில் தடை செய்யப்படவில்லை என்றால். விண்டோஸ் அமைப்புடன் பணிபுரியும் பொதுவான விதிகளால் சாளரங்களின் ஏற்பாடு தீர்மானிக்கப்படுகிறது - பயனர் எந்த சாளரத்தையும் முழுத் திரைக்கு விரிவுபடுத்தலாம், அதை ஐகானாகக் குறைக்கலாம் அல்லது தன்னிச்சையாக அதன் அளவு மற்றும் இருப்பிடத்தை அமைக்கலாம். விண்டோஸ், பிரேம்களைப் போலன்றி, ஒன்றுடன் ஒன்று சேரலாம். இந்தச் செல்வம் அதன் எதிர்மறையான பக்கத்தைக் கொண்டுள்ளது - நீங்கள் ஒவ்வொரு முறையும் திரையில் சாளரங்களை கைமுறையாக நிலைநிறுத்தி, உகந்த பார்வை விருப்பத்தை அடைய அவற்றின் அளவை மாற்ற வேண்டும். பிரேம்களின் விஷயத்தில், உகந்த அளவு விகிதம் பொதுவாக டெவலப்பரால் பிரேம் கட்டமைப்பின் விளக்கத்தில் குறிப்பிடப்படுகிறது மற்றும் பெரும்பாலும் மாற்றப்பட வேண்டியதில்லை.
ஆலோசனை
தனிப்பட்ட சாளரங்களுடன் வேலை செய்வதற்கான அனைத்து சாத்தியக்கூறுகளையும் பிரேம்கள் வழங்க முடியாது என்றாலும், அவற்றின் பகுத்தறிவு அமைப்பு பயனருக்கு அதிகபட்ச வசதியை உருவாக்கும்.
ஜன்னல்களுடன் பணிபுரிவது பிற குறைபாடுகளையும் கொண்டுள்ளது. ஒவ்வொரு சாளரத்தையும் உருவாக்குவதற்கு அதிக நினைவகம் தேவைப்படுகிறது. நெட்ஸ்கேப்பில், ஒவ்வொரு சாளரமும் உலாவியின் மற்றொரு நகலாகும், இது முழு பொத்தான்கள் மற்றும் மெனுக்களுடன் நிறைவுற்றது. மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்புளோரருக்கும் இதே நிலைமை பொதுவானது.
உலாவிகளில் தனிப்பட்ட சாளரங்களின் அமைப்பு வித்தியாசமாக செய்யப்படுகிறது என்பதை நினைவில் கொள்க. ஒரு ஆவணத்துடன் ஒரு புதிய சாளரத்தை உருவாக்குவது, இயங்கும் பணிகளின் பட்டியலைப் பார்க்கும் போது, விண்டோஸ் கணினியில் ஒரு தனி பணியின் தோற்றத்தை ஏற்படுத்துகிறது. எனவே, வெவ்வேறு பணிகளுக்கு இடையில் மாறுவதைப் போலவே சாளரங்களுக்கு இடையில் மாறலாம், எடுத்துக்காட்டாக விசைப்பலகை குறுக்குவழியை அழுத்துவதன் மூலம் +.
பல பிரபலமான விண்டோஸ் பயன்பாடுகள் ஆவண சாளரத்தின் கருத்தைக் கொண்டுள்ளன. எடுத்துக்காட்டுகளில் மைக்ரோசாஃப்ட் வேர்ட் வேர்ட் ப்ராசசர் அல்லது கிராபிக்ஸ் புரோகிராம் பெயிண்ட் ஷாப் புரோ மற்றும் பல. இந்த பயன்பாடுகள் ஒவ்வொன்றிலும், ஒரே நேரத்தில் தரவுகளுடன் பல சாளரங்களைப் பயன்படுத்த முடியும் மற்றும் ஒரு விதியாக, ஒரு சாளர மெனு உள்ளது, இது சாளரங்களின் பட்டியலை வழங்குகிறது மற்றும் அவற்றுக்கிடையே மாறுவதற்கான திறனை வழங்குகிறது. அத்தகைய பயன்பாடுகளில் ஒரு புதிய சாளரத்தை உருவாக்குவது பொதுவாக இருக்கும் கோப்பை திறக்கும் போது அல்லது புதிய ஒன்றை உருவாக்கும் போது நிகழ்கிறது. இருப்பினும், இந்த நிரல்களில், ஒரு புதிய சாளரம் உருவாக்கப்படும் போது, ஒரு புதிய இயங்கும் பணி உருவாக்கப்படவில்லை.
நெட்ஸ்கேப்பில் ஏற்கனவே உள்ள சாளரங்களை பட்டியலிடும் சாளர மெனுவும் உள்ளது. (நெட்ஸ்கேப் 4.x பதிப்புகளில், இந்த அம்சம் கம்யூனிகேட்டர் மெனுவில் உள்ள விண்டோ உருப்படியால் வழங்கப்படுகிறது.) படம். 5.8 இந்த எடுத்துக்காட்டில், ஒரே நேரத்தில் மூன்று சாளரங்கள் திறந்திருக்கும், ஒவ்வொன்றும் ஒரு தனி உலாவி ஆகும். இருப்பினும், பயனருக்கு, அவை அனைத்தும் ஒன்றோடொன்று தொடர்பு கொள்ளக்கூடிய ஒரே உலாவியின் சாளரங்கள். இந்த சாளரங்களில் ஏதேனும், நீங்கள் சாளர மெனுவைத் திறந்து மூன்று சாளரங்களின் பட்டியலைக் காணலாம். படத்தில். படம் 5.10 கீழ் சாளரத்திற்கு இது செய்யப்படும்போது நிலைமையைக் காட்டுகிறது.
ஒவ்வொரு சாளரத்தையும் தனித்தனியாக மூடலாம் (கோப்பு மெனுவிலிருந்து மூடு கட்டளையைப் பயன்படுத்தி). எந்த சாளரத்திலும் உலாவியுடன் பணிபுரிவதை முடிக்க, நீங்கள் கோப்பு மெனுவைத் திறந்து வெளியேறு என்பதைத் தேர்ந்தெடுக்கவும் (படம் 5.11).
பல சாளரங்கள் திறந்திருந்தால், அவை அனைத்தும் மூடப்படும், ஆனால் இதற்கு முன் ஒரு எச்சரிக்கை செய்தி தோன்றும் (படம் 5.12).
ஒவ்வொரு உலாவி சாளரமும் அதன் சொந்த அமைப்புகளைக் கொண்டிருக்கலாம் (அனைத்தும் இல்லாவிட்டாலும்). அத்திப்பழத்தைப் பாருங்கள். 5.11. இரண்டு ஜன்னல்கள் திறந்திருக்கும், அதில் ஒன்று மூன்று பிரேம்களாக பிரிக்கப்பட்டுள்ளது. அதே ஆவணம் மூன்று பிரேம்களில் இரண்டிலும், தனி சாளரத்திலும் ஏற்றப்படுகிறது. ஒவ்வொரு சாளரத்தின் அளவுருக்களையும் சுயாதீனமாக உள்ளமைக்கும் திறன், அதே ஆவணத்தை வித்தியாசமாகக் காட்ட உங்களை அனுமதிக்கிறது. மேலே உள்ள எடுத்துக்காட்டில், ஒரு சாளரத்தில் உள்ள ஆவணத்தின் எழுத்துரு அளவு மற்றதை விட பெரியதாக உள்ளது. ஒவ்வொரு சாளரத்திற்கும் வெவ்வேறு குறியாக்கங்களை அமைப்பதன் மூலம் இந்த விளைவு அடையப்படுகிறது (விருப்பங்கள் மெனுவின் ஆவண குறியாக்க உருப்படி அல்லது பதிப்பு 4.x க்கான காட்சி மெனுவின் எழுத்து அமைப்பு உருப்படி), இரண்டு குறியாக்கங்களும் ஒரே எழுத்துருவைப் பயன்படுத்தி, ஆனால் வெவ்வேறு அளவுகளில். பொது விருப்பத்தேர்வுகள் மெனுவில் ஏதேனும் உருப்படியை மாற்றுவது அனைத்து சாளரங்களையும் பாதிக்கும்.
அரிசி. 5.11.நெட்ஸ்கேப் உலாவியை விட்டு வெளியேறுதல்
அரிசி. 5.12நெட்ஸ்கேப் உலாவியில் சாளரங்களை மூடுவது பற்றிய எச்சரிக்கை
கூடுதல் உலாவி அம்சங்கள்
நெட்ஸ்கேப் மற்றும் மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் உலாவிகளில் தொடர்புடைய அளவுருக்களுடன் மேலே உள்ள அனைத்து சட்ட விளக்கக் குறிச்சொற்களும் கிட்டத்தட்ட ஒரே மாதிரியாக செயல்படுத்தப்படுகின்றன, இருப்பினும், இந்த உலாவிகள் ஒவ்வொன்றும் அதன் சொந்த தனிப்பட்ட குறிச்சொற்கள் அல்லது அளவுருக்களைப் பயன்படுத்த உங்களை அனுமதிக்கிறது.
நெட்ஸ்கேப் உலாவி அம்சங்கள்
Netscape உலாவி, பதிப்பு 3.0 இல் தொடங்கி, மூன்று கூடுதல் விருப்பங்களை அனுமதிக்கிறது: BORDER, FRAMEBORDER மற்றும் BORDERCOLOR. BORDER அளவுரு குறிச்சொல்லுக்கு மட்டுமே பொருந்தும்
. BORDER அளவுருவின் மதிப்பு பிக்சல்களில் உள்ள பிரேம்களுக்கு இடையே உள்ள எல்லைகளின் தடிமன் தீர்மானிக்கிறது.
FRAMEBORDER அளவுருவை குறிச்சொல்லில் இரண்டிலும் பயன்படுத்தலாம்
, மற்றும் குறிச்சொல்லில் மற்றும் சட்டங்களுக்கு இடையில் ஒரு சட்டத்தின் இருப்பை தீர்மானிக்கிறது. இந்த அளவுரு ஆம் அல்லது இல்லை. குறிச்சொல்லில் அளவுரு எழுதப்பட்டிருந்தால் , அதன் விளைவு இந்த குழுவில் உள்ள அனைத்து பிரேம்களுக்கும் பொருந்தும். ஒரு தனிப்பட்ட சட்டத்திற்கு, மதிப்பு மேலெழுதப்படலாம். இயல்புநிலை மதிப்பு ஆம்.
BORDER மற்றும் FRAMEBORDER அளவுருக்கள் ஒருவருக்கொருவர் சுயாதீனமாக இயங்குகின்றன என்பதை நினைவில் கொள்க. எடுத்துக்காட்டாக, FRAMEBORDER ஆனது NO என அமைக்கப்பட்டு, BORDER ஆனது பூஜ்ஜியத்தைத் தவிர வேறு மதிப்பிற்கு அமைக்கப்பட்டால், சட்டங்களுக்கு இடையிலான எல்லை வரையப்படாது, ஆனால் BORDER அளவுரு மதிப்பால் குறிப்பிடப்பட்ட இடம் அதற்கு ஒதுக்கப்படும்.
குறிச்சொல்லில் உள்ளதைப் போல BORDERCOLOOR அளவுருவைப் பயன்படுத்தலாம்
, மற்றும் குறிச்சொல்லில் மற்றும் எல்லை நிறத்தை வரையறுக்கிறது, இது வண்ணப் பெயர் அல்லது அதன் ஹெக்ஸாடெசிமல் பிரதிநிதித்துவத்தால் குறிப்பிடப்படலாம்.
இங்கே ஒரு உதாரணம்:
இந்த HTML குறியீட்டின் முதல் வரியானது மூன்று பிரேம்களைக் குறிப்பிடுகிறது, அவற்றுக்கிடையே 10-பிக்சல் தடிமனான சட்டகத்திற்கான இடைவெளி உள்ளது (படம் 5.13).
அரிசி. 5.13.நெட்ஸ்கேப் உலாவியில் ஃப்ரேம்களுக்கு இடையே பார்டர்களை வரைதல்
"A" மற்றும் "B" பிரேம் ஜன்னல்களுக்கு இடையில், FRAMEBORDER அளவுருவின் NO மதிப்பின் காரணமாக எந்த சட்டமும் வரையப்படவில்லை, இருப்பினும், சட்டத்திற்கு சிவப்பு நிறம் வரையறுக்கப்படுகிறது. கடைசி சட்டமான "c"க்கு, FRAMEBORDER மதிப்பு ஆம் என அமைக்கப்பட்டு முதல் வரியில் அமைக்கப்பட்ட மதிப்பை மீறுகிறது. எனவே, "பி" மற்றும் "சி" என்ற பெயரிடப்பட்ட பிரேம்களுக்கு இடையில், 10 பிக்சல்கள் தடிமன் கொண்ட சிவப்பு சட்டகம் இன்னும் வரையப்படும்.
குறிப்பு
பிரேம்களுக்கு இடையே பார்டர்கள் வரையப்படாவிட்டால், NORESIZE அளவுரு இல்லாமல் கூட, சுட்டியை இழுத்து ஃப்ரேம்களின் அளவை மாற்ற நெட்ஸ்கேப் உலாவி அனுமதிக்காது. மைக்ரோசாப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரருக்கு நிலைமை வேறுபட்டது.
எல்லைகள் இல்லாத பிரேம்கள் மிகவும் அரிதாகவே பயன்படுத்தப்படுவதில்லை என்பதை நினைவில் கொள்க. பிரேம்கள் இல்லாதது சுருள் பார்கள் (படம் 5.14) தோற்றத்தைத் தடுக்காது என்பதை நினைவில் கொள்ள வேண்டும்.
அரிசி. 5.14எல்லைகள் இல்லாமல் சட்டத்தில் சுருள் பட்டைகள்
மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் உலாவி அம்சங்கள்
மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்புளோரர் உலாவியானது மேலே விவரிக்கப்பட்டுள்ள அதே நோக்கங்களுக்காக FRAMEBORDER அளவுருவைப் பயன்படுத்த உங்களை அனுமதிக்கிறது, ஆனால் பிரேம்களின் நிறம் மற்றும் தடிமன் அமைக்க உங்களை அனுமதிக்காது. இருப்பினும், ஒரு சட்டகத்தை வரைவதை ரத்துசெய்ய FRAMEBORDER அளவுருவின் மதிப்பாக "O" மட்டுமே பயன்படுத்தப்படும் அல்லது சட்டத்தை வரைய பூஜ்ஜியமற்ற எண் மதிப்பாகப் பயன்படுத்தப்படும்.
வெவ்வேறு உலாவிகளுக்கான FRAMEBORDER அளவுருவின் மதிப்புகளை அமைப்பதற்கான விதிகளில் உள்ள வேறுபாடு மிகவும் விரும்பத்தகாதது. எடுத்துக்காட்டாக, FRAMEBORDER=ஆம் என்பதை அமைக்க முயற்சிக்கவும். இந்த பதிவு நெட்ஸ்கேப்பிற்கு சரியானது, ஆனால் மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரருக்கு இது ஒரு சட்டகம் இல்லாததை ஏற்படுத்தும். மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரரில் பார்க்கும் போது முந்தைய உதாரணம் (படம் 5.13) சட்டமின்றி வழங்கப்படும்.
ஆலோசனை
FRAMEBORDER அளவுருவின் மதிப்பை எப்போதும் எண் வடிவத்தில் எழுத பரிந்துரைக்கப்படுகிறது, எடுத்துக்காட்டாக, FRAMEBORDER=0. இது மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரருக்கு ஒரு அளவுருவை எழுதுவதற்கான விதிகளைப் பின்பற்றுகிறது, ஆனால் நெட்ஸ்கேப்பிற்கான விதிகளை மீறுகிறது (பிந்தையவர்களால் இது சரியாக உணரப்பட்டாலும்).
குறிப்பு
பிரேம்களுக்கு இடையில் உள்ள பிரேம்கள் வரையப்படாவிட்டால், மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் உலாவி (நெட்ஸ்கேப்பைப் போலல்லாமல்), NORESIZE அளவுரு இல்லாத நிலையில், சுட்டியைக் கொண்டு பிரேம்களை இழுப்பதன் மூலம் பிரேம்களை "தொட" அளவை மாற்ற உங்களை அனுமதிக்கும். மவுஸ் பாயின்டரின் வடிவத்தை மாற்றுவதன் மூலம் சட்டகம் இருக்க வேண்டிய இடத்தை நீங்கள் கண்டுபிடிக்கலாம்.
மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்புளோரர் உலாவி, குறிச்சொல்லில் எழுதப்பட்ட FRAMESPACING என்ற கூடுதல் அளவுருவைப் பயன்படுத்த அனுமதிக்கிறது
, பிரேம்களுக்கு இடையில் காலியாக இருக்கும் பிக்சல்களின் எண்ணிக்கையை இதன் மதிப்பு தீர்மானிக்கிறது.
ஒரு உதாரணம் தருவோம், இதன் காட்சி முடிவு படம். 5.15
பிரேம்களுக்கு இடையிலான தூரத்தை மாற்றுதல்
அரிசி. 5.15மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்புளோரரில் ஃப்ரேம்களுக்கு இடையில் காலி இடம்
குறிப்பு
துரதிர்ஷ்டவசமாக, பல HTML மொழி விளக்கங்கள் குறிச்சொல்லில் FRAMESPACING அளவுரு பயன்படுத்தப்பட வேண்டும் என்று தவறாகக் குறிப்பிடுகின்றன. . மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் இந்த அளவுருவை குறிச்சொல்லில் மட்டுமே பயன்படுத்த அனுமதிக்கிறது .
மிதக்கும் சட்டங்கள்
மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்புளோரர் பிரவுசர் ஒரு தனித்துவமான குறிச்சொல்லைப் பயன்படுத்த அனுமதிக்கிறது
கூடுதலாக, ஆவணத்தில் மிதக்கும் சட்டத்தின் நிலை மற்றும் அளவை அமைக்க பின்வரும் கூடுதல் அளவுருக்களைப் பயன்படுத்தலாம்: அகலம், உயரம், HSPACE, VSPACE, ALIGN. அவற்றின் நோக்கம் மற்றும் பயன்பாட்டின் வரிசை ஆகியவை குறிச்சொல் மூலம் குறிப்பிடப்படும் உட்பொதிக்கப்பட்ட படங்களுக்கான தொடர்புடைய அளவுருக்களுடன் ஒத்துப்போகின்றன. .
மிதக்கும் சட்டங்களைப் பயன்படுத்துவதற்கான எடுத்துக்காட்டு இங்கே:
மிதக்கும் சட்டங்களைப் பயன்படுத்துதல்
மிதக்கும் பிரேம்களின் கருத்தைப் பயன்படுத்துவதற்கான எடுத்துக்காட்டு
СЕМТЕК>
உங்கள் உலாவி மிதக்கும் பிரேம்களைக் காட்ட அனுமதிக்காது
மைக்ரோசாப்ட் இன்டர்நெட் எக்ஸ்புளோரர் "மிதக்கும்" பிரேம்கள் என்று அழைக்கப்படுவதை ஆதரிக்கும் முதல் உலாவி (இதுவரை ஒரே ஒன்று).
இந்த பிரேம்களை கிராபிக்ஸ் மற்றும் டேபிள்கள் போன்று திரையில் எங்கு வேண்டுமானாலும் வைக்கலாம்.
இந்த உரையின் வலதுபுறத்தில் உள்ள சட்டமானது ஒரு சிறப்பு குறிச்சொல்லைப் பயன்படுத்தி பக்கத்தில் வைக்கப்பட்டுள்ளது . சட்டத்தை உருவாக்கும் போது வலது சீரமைப்பு குறிப்பிடப்பட்டது.
மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் உலாவி மூலம் இந்த எடுத்துக்காட்டைக் காண்பித்ததன் முடிவு படம். 5.16 மிதக்கும் பிரேம்களின் கருத்தை ஆதரிக்காத உலாவிகள், இந்த எடுத்துக்காட்டில், float.htm ஆவணத்தின் உள்ளடக்கங்களைக் காட்டுவதற்குப் பதிலாக, "உங்கள் உலாவி மிதக்கும் பிரேம்களைக் காட்ட அனுமதிக்காது" என்ற உரையைக் காண்பிக்கும்.
மிதக்கும் பிரேம்களின் கருத்து உட்பொதிக்கப்பட்ட படங்கள் அல்லது அட்டவணைகளுக்கு சித்தாந்தத்தில் ஒத்திருக்கிறது என்பதை நினைவில் கொள்ளவும். இங்கே, மற்றொரு HTML ஆவணம் HTML ஆவணத்தில் விரும்பிய இடத்தில் முழுமையாக உட்பொதிக்கப்பட்டுள்ளது.
ஆலோசனை
தற்போது, மிதக்கும் பிரேம்களின் பயன்பாடு ஒற்றை உலாவியில் மட்டுமே உள்ளது - மைக்ரோசாஃப்ட் இன்டர்நெட் எக்ஸ்ப்ளோரர் பதிப்பு 3.0 மற்றும் அதற்கு மேற்பட்டது. மற்ற உலாவிகளின் பயனர்கள் (குறிப்பாக நெட்ஸ்கேப்) iframes இன் உள்ளடக்கங்களைப் பார்க்க முடியாது என்பதை நினைவில் கொள்ளவும்.
சட்டங்களைக் கொண்ட ஆவணங்களை உருவாக்குவதற்கான கருவிகள்
மற்ற ஆவணங்களைப் போலவே சட்டகங்களைக் கொண்ட ஒரு HTML ஆவணம், கிடைக்கக்கூடிய எந்த உரை திருத்தியையும் பயன்படுத்தி கைமுறையாக உருவாக்கலாம் அல்லது திருத்தலாம். பெரும்பாலான சிறப்பு வாய்ந்த HTML எடிட்டர்கள் காட்சி வடிவமைத்தல் திறன்களைக் கொண்டிருக்கவில்லை அல்லது மிகக் குறைந்த திறன்களைக் கொண்டுள்ளனர். பிரேம்களை உருவாக்குவதில் கவனம் செலுத்தும் பல சிறப்பு ஆசிரியர்கள் உள்ளனர். அவற்றில் சிலவற்றின் திறன்களை சுருக்கமாக விவரிப்போம்.
FrameGang சட்ட எடிட்டர்
அத்தகைய ஒரு எடிட்டர் FrameGang பயன்பாடு ஆகும், இது ஆஸ்திரேலிய நிறுவனமான Sausage மென்பொருளால் உருவாக்கப்பட்டது, இது அதன் பிரபலமான HTML எடிட்டர் HotDog க்கு மிகவும் பிரபலமானது.
இந்த மென்பொருள் தயாரிப்பு பற்றிய தகவல்களை இங்கே பெறலாம் http://www.sausage.com, அத்துடன் இணையத்திற்கான மென்பொருள் தயாரிப்புகளின் சேகரிப்பில் இருந்து (இல் http://www.tucows.comஅல்லது உலகம் முழுவதும் சிதறியுள்ள பல டஜன் கண்ணாடி சேவையகங்களில் ஏதேனும் ஒன்று).
FrameGang பயன்பாடானது Windows சூழலில் இயங்கும் எந்த HTML எடிட்டர் அல்லது வழக்கமான உரை எடிட்டருக்கும் கூடுதலாகும், இது தேவையான பிரேம் கட்டமைப்பை பார்வைக்கு வடிவமைத்து அதனுடன் தொடர்புடைய HTML குறியீட்டை உருவாக்க உங்களை அனுமதிக்கிறது. இதன் விளைவாக வரும் HTML குறியீட்டை விண்டோஸ் கிளிப்போர்டு (கிளிப்போர்டு) வழியாக HTML எடிட்டருக்கு மாற்றலாம். FrameGang நிரல் நீங்கள் விரும்பிய சட்ட கட்டமைப்பை விரைவாக உருவாக்க அனுமதிக்கும்.
நிரலின் திறன்களைப் பார்ப்போம். இந்த நிரலை விண்டோஸில் நிறுவி அதைத் துவக்கிய பிறகு, முதல் (மேல்) நிலையின் சாத்தியமான இரண்டு பிரேம் கட்டமைப்புகளில் ஒன்றைத் தேர்ந்தெடுக்கும்படி கேட்கப்படுகிறீர்கள் - பிரேம்களின் நெடுவரிசை ஏற்பாடு (நெடுவரிசைகள்) அல்லது வரிசையாக (வரிசைகள்), மேலும் அவற்றின் எண்ணிக்கையையும் தீர்மானிக்கவும். எதிர்காலத்தில், முதல் நிலை சட்டங்கள் ஒவ்வொன்றும், தேவைப்பட்டால், பல இரண்டாம் நிலை பிரேம்களாக பிரிக்கப்படலாம். அதிக எண்ணிக்கையிலான சட்ட நிலைகள் வழங்கப்படவில்லை, ஆனால் இது ஒரு குறிப்பிடத்தக்க வரம்பு அல்ல, ஏனெனில் நடைமுறையில் இரண்டுக்கும் மேற்பட்ட நிலைகள் அரிதாகவே பயன்படுத்தப்படுகின்றன.
உதாரணமாக, நெடுவரிசைகளில் அமைக்கப்பட்ட நான்கு சட்டங்களைத் தேர்ந்தெடுப்போம். அடுத்து, நீங்கள் இரண்டாம் நிலை பிரேம்களின் கட்டமைப்பை உருவாக்க வேண்டும், இது எதிர் திசையில் இருக்கும் பிரேம்களை பிரிப்பதன் மூலம் செய்யப்படுகிறது. இந்த எடுத்துக்காட்டில், சட்டங்களை கிடைமட்டமாக மட்டுமே பிரிக்க முடியும். இரண்டாம் நிலை பிரேம்களை உருவாக்குவது சேர் மெனு உருப்படியில் செய்யப்படுகிறது, அதைச் செயல்படுத்துவது அடுத்த சட்டத்தை தற்போதைய சட்டத்துடன் சேர்க்கிறது.
பிரேம்களில் உள்ள வேடிக்கையான படங்கள் எந்த அர்த்தத்தையும் கொண்டிருக்கவில்லை மற்றும் வெற்று இடத்தை நிரப்ப மட்டுமே உதவுகின்றன என்பதை நினைவில் கொள்க. அவர்களின் வரைபடத்தை விருப்பங்கள் மெனுவில் ரத்து செய்யலாம். உற்பத்தியாளரின் பெயர் (sausage - sausages) மற்றும் அதன் சில மென்பொருள் தயாரிப்புகளின் பெயர் (HotDog - மொழிபெயர்ப்பு தேவையில்லை) ஆகியவை இந்த தொகுப்பின் இடைமுக பாணியை தீர்மானித்தன - பல மெனு உருப்படிகளில் தொத்திறைச்சிகளின் படம் உள்ளது. .
பிரேம்களின் கட்டமைப்பை வரையறுத்த பிறகு, நீங்கள் அவற்றின் அளவுகளை அமைக்க வேண்டும். விண்டோஸ் விண்டோக்களை மறுஅளவாக்குவது போல் மவுஸ் மூலம் பிரேம்களின் பார்டர்களை நகர்த்துவதன் மூலம் இது செய்யப்படுகிறது. தற்போதைய சட்டகத்திற்கான செட் பரிமாணங்கள் அகலம் மற்றும் உயரம் என பெயரிடப்பட்ட சாளரங்களில் சதவீதமாக காட்டப்படும். நீங்கள் ஃபிரேம் அளவுகளை சதவீதத்தில் அமைக்காமல், பிக்சல்கள் அல்லது தொடர்புடைய அலகுகளில் அமைக்க வேண்டும் என்றால், FrameGang நிரலுக்கு வெளியே கைமுறையாக HTML குறியீட்டை மாற்ற வேண்டும்.
அடுத்து, ஒவ்வொரு சட்டகத்திற்கும் நீங்கள் அதன் பெயரை (பெயர்) அமைக்க வேண்டும், அதைத் தவிர்க்கலாம், ஆவணத்தின் URL ஆரம்பத்தில் இந்த சட்டகத்தில் (பிரேம் URL) ஏற்றப்பட்டது, மேலும் மறுஅளவிடக்கூடிய பிரேம் பார்டர் அளவுரு மற்றும் ஸ்க்ரோலிங் அளவுருவின் மதிப்பைத் தேர்ந்தெடுக்கவும். சட்டத்தின் உள்ளடக்கங்களுக்கு (பிரேம் ஸ்க்ரோலிங்).
எந்த நேரத்திலும், FrameGang நிரலை விட்டு வெளியேறாமல், தேர்ந்தெடுக்கப்பட்ட வெளிப்புற உலாவியில் உருவாக்கப்படும் ஃப்ரேம் கட்டமைப்பை நீங்கள் பார்க்கலாம். இதற்கு முன்னோட்ட பொத்தான் பயன்படுத்தப்படுகிறது. உலாவியின் பெயரை அமைப்பது விருப்பங்கள் மெனுவில் செய்யப்படுகிறது. அனைத்து அளவுருக்களையும் அமைத்த பிறகு, தேர்ந்தெடுக்கப்பட்ட சட்ட அமைப்புடன் தொடர்புடைய HTML குறியீட்டை நீங்கள் உருவாக்க வேண்டும், இது Windows கிளிப்போர்டுக்கு (HTML Compile பொத்தான்) எழுதப்படும். எந்தவொரு எடிட்டரிலும் பணிபுரியும் போது பெறப்பட்ட குறியீட்டை கிளிப்போர்டில் இருந்து HTML கோப்பில் விரும்பிய இடத்தில் ஒட்டலாம்.
கோப்புச் சேமி மற்றும் திற பொத்தான்கள், FrameGang நிரலுக்கான சிறப்பு குறியாக்கத்தில் மட்டுமே கோப்பைச் சேமிக்கவும் படிக்கவும் அனுமதிக்கின்றன மற்றும் வேறு எந்தப் பயன்பாட்டிற்கும் அல்ல.
கீழே விவரிக்கப்பட்டுள்ள எடுத்துக்காட்டுக்கு FrameGang ஆல் உருவாக்கப்பட்ட HTML குறியீடு:
சரியான HTML ஆவணத்தைப் பெற, குறிச்சொற்களுக்கு இடையில் கிடைக்கும் குறியீட்டை இணைத்தால் போதும் மற்றும். நீங்கள் ஆவணத்தின் தலைப்புப் பகுதியைச் சேர்க்கலாம்
, இதில் தேவையான தரவை வரையறுக்க, எடுத்துக்காட்டாக, ஆவணத்தின் தலைப்பு (குறிச்சொற்களுக்கு இடையில் ஆவணத்தின் தலைப்பு எழுதப்பட்டுள்ளது என்பதை நினைவில் கொள்க. மற்றும்) தேவையான சில குறிச்சொற்கள் இல்லாவிட்டாலும் நவீன உலாவிகள் சரியாக வேலை செய்யும் என்பதை நினைவில் கொள்ளவும். மேலே உள்ள HTML குறியீடு, எந்த குறிச்சொற்களையும் சேர்க்காமல், பொருத்தமான நீட்டிப்புடன் ஒரு கோப்பாகச் சேமிக்கப்பட்டால், Netscape Navigator மற்றும் Microsoft Internet Explorer ஆகிய இரண்டும் ஆவணத்தை சரியாகக் காண்பிக்க முடியும்.
FrameGang நிரல், பிரேம்களை பார்வைக்கு வடிவமைக்க உங்களை அனுமதிக்கிறது, மிகவும் வசதியானது மற்றும் பயன்படுத்த எளிதானது, ஆனால் சில குறைபாடுகள் இல்லாமல் இல்லை. குறிப்பாக, அகலம் மற்றும் உயரம் சாளரங்களில் தேவையான எண்களை எழுதுவதன் மூலம் பிரேம்களின் அளவைக் குறிப்பிடுவது சாத்தியமில்லை, ஏனெனில் அவை சுட்டியுடன் சட்ட எல்லைகளை நகர்த்தும்போது அமைக்கப்பட்ட அளவுகளை மட்டுமே காண்பிக்கும். பொதுவாக ஏற்றுக்கொள்ளப்பட்ட சட்ட அளவுருக்கள் MARGINWIDTH மற்றும் MARGINHEIGHT அமைக்கப்படவில்லை. வட்டுக்கு உரை வடிவத்தில் கோப்பை எழுத வழி இல்லை, இது இந்த நிரலை ஆஃப்லைனில் பயன்படுத்த இயலாது.
பிரேம்-இட் பிரேம் எடிட்டர்
மற்றொரு சிறப்பு ஃபிரேம் எடிட்டர் ஃப்ரேம்-இட், இது பற்றிய தகவல்களை இங்கே காணலாம்:
http://www.iinet.net.au/~bwh/frame-it.html
இந்த திட்டத்துடன் பணிபுரிவது பல வழிகளில் முந்தையதைப் போன்றது. முதலில் நீங்கள் பிரேம்களின் அடிப்படை அமைப்பு மற்றும் அவற்றின் எண்ணிக்கையை தீர்மானிக்க வேண்டும். அடுத்து, ஒவ்வொரு சட்டமும், தேவைப்பட்டால், பல பிரிக்கப்பட்டு, இரண்டாம் நிலை கட்டமைப்புகளை உருவாக்குகிறது. முந்தைய நிரலைப் போலவே, பிரேம் கூடு கட்டும் நிலைகளின் எண்ணிக்கை இரண்டாக வரையறுக்கப்பட்டுள்ளது.
ஒவ்வொரு சட்டத்திற்கும், பொருத்தமான புலங்களை நிரப்புவதன் மூலம் தேவையான அனைத்து அளவுருக்கள் அமைக்கப்படுகின்றன. முந்தைய நிரலைப் போலன்றி, MARGINWIDTH மற்றும் MARGINHEIGHT அளவுருக்களின் மதிப்புகளை அமைக்க முடியும். கூடுதலாக, இன்விசிபிள் ஃபிரேம் பார்டர்ஸ் கொடி அறிமுகப்படுத்தப்பட்டது, இது பின்வரும் குறியீடு துண்டுகளை உருவாக்குகிறது:
FRAMEBORDER="NO" BORDER="0" FRAMESPACING="0".
தேவையான பிரேம் அளவுருக்களை அமைத்த பிறகு, உருவாக்கப்பட்ட HTML குறியீட்டை ஒரு கோப்பில் சேமிக்கலாம் அல்லது Windows கிளிப்போர்டுக்கு எழுதலாம். உருவாக்கப்பட்ட குறியீடு சட்ட கட்டமைப்பின் விளக்கத்தை மட்டுமல்ல, தொடக்க குறிச்சொல்லையும் கொண்டிருக்கும் , அத்துடன் ஒரு ஜோடி குறிச்சொற்கள் மற்றும்பிரேம்களைக் காட்டாத உலாவிகளுக்காக எழுதப்பட்ட தகவல்களுக்கு இடையில்.
ஒரு குறிப்பிட்ட உதாரணத்திற்கு, பின்வரும் குறியீடு உருவாக்கப்படும்:
FRAMESACING="0">
சட்ட அமைப்புடன்
இந்த எடுத்துக்காட்டில் நீங்கள் கண்ணுக்கு தெரியாத பிரேம் பார்டர்கள் தேர்வுப்பெட்டியை அழித்துவிட்டால், உருவாக்கப்பட்ட குறியீடு கணிசமாக மாறும்:
scrolling=auto noresize>
scrolling=auto noresize>
scrolling=auto noresize>
scrolling=auto noresize>
scrolling=auto noresize>
உங்கள் உலாவியில் ஆவணங்களைக் காட்ட முடியாது
சட்ட அமைப்புடன்
WWW இல் பிரேம்களைப் பயன்படுத்துவது பற்றிய தகவல்
பிரேம்கள் பற்றிய தகவலுக்கு, WWW இல் பின்வரும் முகவரிகளைப் பார்க்கவும்:
HTML பக்கத்தில் ஒரு பக்கத்தை எவ்வாறு செருகுவது? இதைச் செய்ய, நீங்கள் பயன்படுத்த வேண்டும் , இது மற்றொரு HTML ஆவணத்தைக் காண்பிக்கும் தற்போதைய ஆவணத்தில் இன்லைன் சட்டத்தை உருவாக்குகிறது.
காட்சி
காட்சி தொகுதி.
மாதிரி குறியீடு
சக்திவாய்ந்த ஆனால் பயன்படுத்த எளிதானது
மோசமான பழைய நாட்களில் வலை வடிவமைப்பு நிறைய இருந்தது ஒவ்வொரு டெவலப்பரின் வாழ்க்கையையும் கெடுக்கும் கூறுகள். அவை எப்போதும் மோசமான வடிவமைப்பு அணுகுமுறையாகவே இருந்தன. அதிர்ஷ்டவசமாக, உறுப்பு 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 பக்கத்தில் சட்டத்தின் அகலத்தை வரையறுக்கிறது.
இந்த வெளியீடு கட்டுரையின் மொழிபெயர்ப்பாகும் " ", நட்பு திட்டக் குழுவால் தயாரிக்கப்பட்டது
வணக்கம், வலைப்பதிவு தளத்தின் அன்பான வாசகர்கள். இன்று நாம் 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 பிக்சல்கள், மீதமுள்ள மூன்று நான்கு, மூன்று மற்றும் ஒன்பதில் இரண்டு பங்கு விகிதத்தில் அகலத்தைக் கொண்டிருக்கும். மீதமுள்ள அகல இடைவெளி. எனவே எல்லாம் எளிமையானது மற்றும் தெளிவானது.
பிரதான சாளரத்தை கிடைமட்ட மற்றும் செங்குத்து பிரேம்களாக மட்டுமல்லாமல், எடுத்துக்காட்டாக, அவற்றின் சேர்க்கைகளாக பிரிக்க விரும்பினால், நீங்கள் ஃபிரேம்செட் உறுப்புகளின் உள்ளமை கட்டமைப்பை நெடுவரிசைகளுக்கு தனித்தனியாகவும் வரிசைகளுக்கு தனித்தனியாகவும் பயன்படுத்தலாம். எடுத்துக்காட்டாக, கீழே உள்ள ஸ்கிரீன்ஷாட்டில் காட்டப்பட்டுள்ள கட்டமைப்பைப் பெற, பின்வரும் கட்டுமானத்தைப் பயன்படுத்தினால் போதும்:
அந்த. முதலில், "ஃபிரேம்செட் cols="20%,80%""ஐப் பயன்படுத்துகிறோம் இடது நெடுவரிசைக்கு, புதிய “பிரேம்செட் வரிசைகளை=“10%,*”” திறக்கிறோம்.
அதன் உதவியுடன் வலது நெடுவரிசையை பிரேம்களுடன் இரண்டு கோடுகளாகப் பிரிக்கிறோம், அதன் உள்ளடக்கங்கள் இரண்டு “பிரேம்” குறிச்சொற்களைப் பயன்படுத்தி அமைக்கப்பட்டன, அதன் பிறகு நாங்கள் இரண்டு “பிரேம்செட்” கொள்கலன்களையும் மூடுகிறோம். எல்லாம் எளிமையானது மற்றும் தர்க்கரீதியானது.
ஆனால் நாம் அனைவரும் ஃப்ரேம்செட் உறுப்பு மற்றும் அதன் கோல்கள் மற்றும் ரோஸ் பண்புகளைப் பற்றி பேசினோம், அதன் உதவியுடன் கட்டமைப்பை உருவாக்கி அவற்றின் அளவுகளை அமைக்கிறோம். தேவையான பிரேம்களில் தேவையான ஆவணங்களை எவ்வாறு காண்பிப்பது மற்றும் அவற்றின் சாளரங்களுக்கு இடையிலான தொடர்புகளை எவ்வாறு கட்டமைப்பது என்பதை இப்போது கண்டுபிடிப்போம்.
நாம் உருவாக்கும் ஜன்னல்களின் தோற்றத்தை எவ்வாறு கட்டுப்படுத்துவது? இவை அனைத்தும் ஃபிரேம் குறிச்சொல்லின் பண்புக்கூறுகளில் உள்ளன. முதலில் குறிப்பிடத் தக்கது Src. Html குறியீட்டில் படங்களைச் செருகுவதைப் பார்த்தபோது Img குறிச்சொல்லில் ஏற்கனவே பார்த்தோம். அதன் சாராம்சம் மாறவில்லை, மேலும் சட்டத்தில் ஏற்றப்பட வேண்டிய ஆவணத்திற்கான பாதையைக் குறிப்பிட இது உங்களை அனுமதிக்கிறது.
Src இல் ஆவணத்திற்கான பாதையை இவ்வாறு குறிப்பிடலாம். உங்கள் சொந்த ஆதாரத்தில் அமைந்துள்ள ஆவணத்திற்கு தொடர்புடைய பாதைகள் பொதுவாகப் பயன்படுத்தப்படுகின்றன, ஆனால் நீங்கள் மற்றொரு தளத்திலிருந்து ஒரு ஆவணத்தை சட்ட சாளரத்தில் ஏற்ற விரும்பும் போது உங்களுக்கு முழுமையான பாதைகள் தேவைப்படும்.
விரும்பிய ஆவணத்திற்கான பாதையைக் குறிக்கும் Src பண்புக்கூறு குறிப்பிடப்படவில்லை என்றால், ஒரு வெற்று ஆவணம் சாளரத்தில் ஏற்றப்படும். தனிப்பட்ட முறையில், நான் ஒருமுறை எனது வலைப்பதிவிற்கு (கூடுதல் வழிசெலுத்தல் உறுப்பாக) இதேபோன்ற செயலைச் செய்தேன், அதே நேரத்தில் ஹோஸ்டிங் சேவையகத்தில் அதற்கென ஒரு தனி கோப்புறையை உருவாக்கி, சட்ட அமைப்புடன் ஒரு Html கோப்பை மட்டும் வைக்கவில்லை (இதை நான் குறியீட்டு என்று அழைத்தேன். .html), ஆனால் அனைத்தும் பல்வேறு ஆவண சாளரங்களிலும், பின்னணியாகப் பயன்படுத்தப்படும் படக் கோப்புகளிலும் ஏற்றப்படும்.
எனவே, ஃபிரேம் குறிச்சொல்லின் Src பண்புக்கூறில் தொடர்புடைய இணைப்புகளைப் பயன்படுத்துவது எனக்கு எளிதாக இருந்தது:
குறிப்பிடத்தக்கது என்னவென்றால், இந்தக் குறியீட்டில் கொடுக்கப்பட்டுள்ள அனைத்து இணைப்புகளையும் ஒப்பீட்டளவில் (https://site/navigator/joomla.html போன்றவை) மாற்றியமைத்து, இந்தக் கோப்பை உலாவியில் திறந்தால், சட்டத்தில் குறிப்பிடப்பட்டுள்ள ஆவணங்கள் ஏற்றப்படும். எனது சேவையகத்திலிருந்து, உங்கள் உலாவியில் இதே போன்ற படத்தைப் பார்ப்பீர்கள். மேலும், பிரேம் அமைப்புடன் (index.html) உங்கள் கோப்பு எங்கு இருக்கும் என்பது முக்கியமல்ல - உங்கள் கணினியில் அல்லது ஹோஸ்டிங்கில்.
படத்தில் காட்டப்பட்டுள்ள எடுத்துக்காட்டில், ஒரு குறிப்பிட்ட மெனுவுடன் ஒரு பக்கம், இது ஒரு வழக்கமான மெனு, இடது சட்டத்தின் சாளரத்தில் ஏற்றப்படுகிறது. ஆனால் முக்கியமானது மெனு எவ்வாறு உருவாகிறது என்பது அல்ல, ஆனால் அதன் இணைப்புகளில் ஏதேனும் ஒன்றைக் கிளிக் செய்த பிறகு என்ன நடக்கும்.
நீங்கள் இதைச் செய்தால், எல்லாம் சரியாக நடக்கும் - ஆவணம் கீழ் வலது சாளரத்தில் திறக்கும். ஆனால் இதற்காக நான் ஒரு சிறிய தந்திரத்தைப் பயன்படுத்த வேண்டியிருந்தது, ஏனென்றால் இயல்புநிலை பதிப்பில் ஆவணம் சாளரத்தின் முழு அளவிற்கும் திறக்கப்பட்டது, இது எனக்கு தேவையில்லாத பிரேம் கட்டமைப்பை மாற்றுகிறது, ஏனெனில் வழிசெலுத்தல் மெனு இடது மற்றும் மேல் பிரேம்களில் உள்ளது. காணாமல் போனது.
ஒரு சட்டத்தில் இணைப்பு வழியாக ஆவணங்களை எவ்வாறு திறப்பது
எனவே, நாங்கள் ஹைப்பர்லிங்க்களைப் பற்றிப் பேசும்போது, “A” டேக் பண்புக்கூறை Target=_blank எனக் குறிப்பிட்டோம். அது எதற்காக என்று உங்களுக்கு நினைவிருக்கிறதா? இணைக்கப்பட்ட ஆவணத்தை புதிய சாளரத்தில் திறப்பது சரியானது. இயல்பாக, இது அதே சாளரத்தில் திறக்கப்பட வேண்டும், இது இலக்கு="_self" க்கு சமமானதாகும்.
ஆனால் இவை வாய்ப்புகள் இலக்குவரையறுக்கப்படவில்லை. நீங்கள் அதற்கு ஒரு மதிப்பைச் சேர்க்கலாம் என்று மாறிவிடும் ஒரு சட்ட பெயராக, இது பிரேம் டேக்கின் சிறப்பு பெயர் பண்புக்கூறில் முன்பே குறிப்பிடப்பட்டுள்ளது. இந்த இணைப்பு வழியாக ஆவணம் அதன் அனைத்து இடத்தையும் ஆக்கிரமித்து, அதே சாளரத்தில் திறக்காது, ஆனால் நீங்கள் குறிப்பிட்ட சட்டத்தில். தெளிவாக உள்ளது? முழுவதுமாக இல்லாவிட்டால், உதாரணத்தை நாம் பகுப்பாய்வு செய்யும் போது இப்போது தெளிவாகிவிடும்.
எனவே, மேலே உள்ள படத்தில் காட்டப்பட்டுள்ள எங்கள் உதாரணத்திற்குத் திரும்புவோம். கீழ் வலது (பெரிய) சட்டத்தில் இடது சாளரத்திலிருந்து இணைப்புகளைப் பயன்படுத்தி பக்கங்களைத் திறக்க வேண்டும். எனவே, முதலில் நீங்கள் இந்த பெரிய சாளரத்திற்கு ஃபிரேம் டேக்கில் உள்ள பெயர் பண்புக்கூறைப் பயன்படுத்தி ஒரு பெயரைக் கொடுக்க வேண்டும்.
அவர்கள் அதை உருவாக்கி அதை "க்டோனா" என்று அழைத்தனர். இப்போது நீங்கள் இடதுபுற சாளரத்தில் மெனுவாக ஏற்றப்பட்ட கோப்பைப் பாதுகாப்பாகத் திறந்து, அதில் உள்ள அனைத்து A குறிச்சொற்களிலும் Target="ktona" பண்புக்கூறைச் சேர்க்கலாம்:
Joomla மற்றும் VirtueMart கூறுகளின் வரலாறு
நிச்சயமாக, தேடல் மற்றும் மாற்று கருவியின் உதவியுடன் அதை அனைத்து ஹைப்பர்லிங்க்களுக்கும் வைப்பது கடினம் அல்ல, ஆனால் பயன்படுத்த எங்களுக்கு ஒரு சிறந்த வாய்ப்பு இருக்கும்போது தேவையில்லாமல் குறியீட்டை ஏற்றுவது ஏன்? சிறப்பு அடிப்படை குறிச்சொல், நாங்கள் ஏற்கனவே ஹைப்பர்லிங்க்களைப் பற்றி அதே கட்டுரையில் குறிப்பிட்டிருந்தோம், நாங்கள் Target blank ஐப் பயன்படுத்துவதைப் பற்றி பேசினோம்.
தொடக்க மற்றும் மூடும் ஹெட் குறிச்சொற்கள் மற்றும் அனைத்து இணைப்புகளுக்கும் இடையே அடிப்படை இலக்கு="ktona" உறுப்பை வைத்தால் போதும். HTML குறியீடுஇந்த ஆவணத்தின் புதிய பக்கங்கள் "ktona" எனப்படும் குறிப்பிட்ட சட்டகத்தில் திறக்கும்:
மூலம், ஒருமுறை ஏற்கனவே உள்ள எனது கருவியை ஒரு எடுத்துக்காட்டு என்று நாங்கள் கருதினால், மேல் கிடைமட்ட சாளரத்தின் அனைத்து இணைப்புகளும் எனது இடது மெனுவாக செயல்படும் இடது செங்குத்து சட்டத்தில் அவற்றின் பக்கங்களைத் திறக்கின்றன என்பதை நாங்கள் இன்னும் உறுதிசெய்ய வேண்டும். இதற்கு என்ன செய்ய வேண்டும்?
சரி, முதலில், நீங்கள் இடது செங்குத்து சட்டத்திற்கு ஒரு பெயரைக் கொடுக்க வேண்டும்:
மேல் சாளரத்தில் (gor.html) ஏற்றப்பட்ட கோப்பில், நீங்கள் அடிப்படை இலக்கு="gor" உறுப்பைச் சேர்க்க வேண்டும்:
அவ்வளவுதான், இப்போது நாங்கள் எல்லாவற்றையும் சரியாகச் செய்துள்ளோம். மேல் சட்டகத்திலிருந்து இணைப்புகளைப் பின்தொடரும் அனைத்து ஆவணங்களும் இடது சாளரத்தில் திறக்கும், மேலும் அதிலிருந்து அனைத்து இணைப்புகளும் மைய மற்றும் மிகப்பெரிய சட்டகத்தில் ஆவணங்களைத் திறக்கும். என் கருத்துப்படி, எல்லாம் எளிமையானது மற்றும் தர்க்கரீதியானது.
சாளரங்களின் தோற்றத்தைத் தனிப்பயனாக்குவதற்கான பிரேம் டேக் பண்புக்கூறுகள்
ஃப்ரேம்களின் தோற்றத்தைத் தனிப்பயனாக்க, ஃபிரேம் குறிச்சொல்லில் Src மற்றும் பெயரைத் தவிர வேறு என்ன பண்புக்கூறுகளைப் பயன்படுத்தலாம் என்பதை இப்போது பார்க்கலாம். ஆரம்பிப்போம் ஸ்க்ரோலிங். இதைப் பயன்படுத்தி, உங்கள் பிரேம் கட்டமைப்பின் ஒவ்வொரு சாளரத்திற்கும் தனித்தனியாக உருள் பட்டைகளின் காட்சியை உள்ளமைக்கலாம்.
ஸ்க்ரோலிங் ஆட்டோவின் இயல்புநிலை மதிப்பைக் கொண்டுள்ளது - பிரேமில் ஏற்றப்பட்ட ஆவணத்தின் அளவைப் பொறுத்து, ஸ்க்ரோல் பட்டியைக் காட்ட வேண்டுமா இல்லையா என்பதை உலாவி தானாகவே தீர்மானிக்கும். ஆவணம் சாளரத்தில் முழுமையாக பொருந்தவில்லை என்றால், ஒரு உருள் பட்டை தோன்றும், இது அனைத்தையும் இறுதிவரை பார்க்க அனுமதிக்கிறது.
நீங்கள் மதிப்புகளையும் பயன்படுத்தலாம் ஆம் (விண்டோவில் உள்ள ஸ்க்ரோல் பார்கள் எப்பொழுதும் காட்டப்படும், ஆவணம் முழுமையாக பொருந்தினாலும் கூட) மற்றும் இல்லை (ஆவணத்தின் ஒரு பகுதி பொருந்தாவிட்டாலும் கூட ஸ்க்ரோல் பார்கள் தோன்றாது) ஸ்க்ரோலிங்கிற்கான மதிப்புகளாக.
எனது ஒருமுறை இருக்கும் கருவியில், இயல்புநிலை மதிப்பான ஆட்டோவைப் பயன்படுத்தினேன், தேவைக்கேற்ப பிரேம்களில் ஸ்க்ரோல் பார்கள் தோன்றும்:
ஃபிரேம் குறிச்சொல்லின் பின்வரும் பண்புக்கூறு − நோர்சைஸ்- ஒற்றை (அதற்கு மதிப்புகள் இல்லை). அதை பதிவு செய்வதன் மூலம், அதன் அளவை மாற்றுவதை நீங்கள் தடைசெய்வீர்கள், இது இயல்பாகவே பிரேம்களின் எல்லையை சுட்டியுடன் இழுப்பதன் மூலம் செய்யப்படுகிறது.
நீங்கள் மவுஸ் கர்சரை எல்லைக்கு நகர்த்தும்போது, கர்சர் இரட்டைத் தலை அம்புக்குறியாக மாறுவதைக் காண்பீர்கள், இப்போது கிளிக் செய்வதன் மூலம் இடது பொத்தான்சுட்டி, நீங்கள் விரும்பியபடி எல்லையை நகர்த்தலாம். Noresize இந்த விருப்பத்திற்கு தடை விதிக்கிறது (நீங்கள் மவுஸ் கர்சரை சாளரத்தின் எல்லைக்கு நகர்த்தும்போது, நீங்கள் இருதரப்பு அம்புக்குறியை இனி பார்க்க மாட்டீர்கள்).
மற்றொரு காட்சி பண்பு பிரேம்போர்டர். அதைப் பயன்படுத்தி, பிரேம்களுக்கு இடையில் ஒரு சட்டத்தை (எல்லை) வரைய வேண்டுமா அல்லது வரைய வேண்டாமா என்பதைக் குறிப்பிடலாம். ஃப்ரேம்போர்டரில் இரண்டு சாத்தியமான மதிப்புகள் மட்டுமே இருக்க முடியும் - ஒன்று 0 (சட்டத்தை வரைய வேண்டாம்) அல்லது 1 (எல்லையைக் காட்டு). இயல்புநிலை மதிப்பு, நிச்சயமாக, 1 ஆகும்.
ஒரு நுணுக்கம் உள்ளது. நீங்கள் காணக்கூடிய பார்டரை அகற்ற விரும்பினால், நீங்கள் காணக்கூடிய பார்டர்களை அகற்ற விரும்பும் பிரேம்களின் அனைத்து ஃபிரேம் குறிச்சொற்களிலும் Frameborder=0 ஐச் சேர்க்க வேண்டும்.
சரி, ஃபிரேம் டேக்கின் சில பண்புகளை நாம் இன்னும் கருத்தில் கொள்ள வேண்டும் - விளிம்பு அகலம் மற்றும் விளிம்பு உயரம், சாளரத்தின் எல்லைகளிலிருந்து அதில் ஏற்றப்பட்ட உள்ளடக்கத்திற்கு அகலம் (வலது மற்றும் இடது) மற்றும் உயரம் (மேல் மற்றும் கீழ்) ஆகியவற்றை அமைக்கிறது (எண் என்பது திணிப்பின் பிக்சல்களின் எண்ணிக்கையைக் குறிக்கிறது):
நீங்கள் ஏன் பிரேம்களில் இணையதளத்தை உருவாக்க முடியாது?
கிளாசிக்கல் கட்டமைப்புகளின் அடிப்படை குறைபாடு என்ன என்பதைப் பார்ப்போம், இது ஒரு வலைத்தளத்தை உருவாக்கும் போது அவற்றின் பயன்பாட்டிற்கு முற்றுப்புள்ளி வைக்கிறது. இந்த சட்ட கட்டமைப்பின் படி இது உள்ளது அவளுடைய நிலையை கண்காணிக்க இயலாது.
சிக்கலான கட்டமைப்புகள் ஆயிரக்கணக்கான வெவ்வேறு நிலைகளைக் கொண்டிருக்கலாம் (பல்வேறு சட்ட சாளரங்களில் திறக்கப்பட்ட ஆவணங்களின் மாறுபாடுகள்), ஆனால் இந்த கட்டமைப்பின் Url முகவரி மாறாது. இதன் காரணமாக இருக்கும் உலாவி புக்மார்க்குகளைப் பயன்படுத்த முடியாதுஅல்லது உங்களுக்குப் பிடித்த பக்கங்களுக்கான இணைப்புகளை மற்ற பயனர்களுக்கு அனுப்பவும். ஏன்?
ஏனெனில் உலாவி புக்மார்க்குகளில் இருந்து அல்லது மின்னஞ்சலில் இருந்து திறக்கும் போது கூட முகவரி மாறாமல் இருக்கும் மின்னஞ்சல், ஃப்ரேம் கட்டமைப்பின் தொடக்க நிலையுடன் ஒரு பக்கத்தைப் பெறுவீர்கள், நீங்கள் சேமிக்க விரும்பும் நிலை அல்ல.
இருப்பினும், நிச்சயமாக, இந்த சிக்கலை தீர்க்க முடியும், ஆனால் HTML கருவிகளால் அல்ல, ஆனால் சேவையகம் (எடுத்துக்காட்டாக, Php) அல்லது கிளையன்ட் நிரலாக்க மொழிகள் (ஜாவாஸ்கிரிப்ட்) உதவியுடன், இந்த தீர்வுகள் நூறு சதவிகிதம் திறமையாக இருக்காது. அத்தகைய தீர்வுகள், உண்மையில், சட்ட கட்டமைப்பின் Url முகவரியில் அதன் தற்போதைய நிலையைப் பற்றிய கூடுதல் தரவைச் சேர்க்க உங்களை அனுமதிக்கின்றன, ஆனால் இதைச் செய்வது எளிதானது அல்ல, மேலும் நம்பகத்தன்மை முழுமையானதாக இருக்காது.
வலைத்தளங்களை உருவாக்க பிரேம்களைப் பயன்படுத்துவதில் இது முதல் குறைபாடு மற்றும் மிகவும் குறிப்பிடத்தக்க ஒன்றாகும், ஆனால் மற்றொரு பெரிய குறைபாடு உள்ளது. தேடுபொறிகள், நிச்சயமாக, அவற்றை அட்டவணைப்படுத்தவும், அவற்றின் சாளரங்களில் ஏற்றப்பட்ட அந்த ஆவணங்களின் முகவரிகளை அவற்றிலிருந்து பிரித்தெடுக்கவும் நீண்ட காலமாக கற்றுக்கொண்டன. பிரச்சனை வேறு.
ஒரு பயனர் Yandex அல்லது Google தேடல் முடிவுகளில் இருந்து பிரேம் கட்டமைப்பின் அடிப்படையில் கட்டமைக்கப்பட்ட உங்கள் வலைத்தளத்திற்குச் செல்லும்போது, பிரேம்களில் ஒன்றில் ஏற்றப்பட்ட ஆவணம் மட்டுமே திறக்கும், முழு அமைப்பும் அல்ல. நான் என்ன பேசுகிறேன் என்று உனக்குப் புரிகிறதா?
பயனர் ஆவணத்தைப் பார்ப்பார் மற்றும் உங்கள் தளத்தில் வழிசெலுத்தலைப் பார்க்க முடியாது, ஏனெனில் இது மற்ற சாளரங்களில் பாதுகாக்கப்படும், மேலும் அவை முழு கட்டமைப்பின் ஒரு பகுதியாக மட்டுமே ஏற்றப்படுகின்றன.
இதன் விளைவாக, பிரேம்களில் கட்டப்பட்ட தளம் வெறுமனே பயன்படுத்த முடியாததாகிவிடும். இருப்பினும், மீண்டும், சர்வர் ஸ்கிரிப்ட்களின் அடிப்படையில் இந்த சிக்கலுக்கு தீர்வுகள் உள்ளன, தனிப்பட்ட ஆவணங்களின் முகவரிகளிலிருந்து விரும்பிய நிலையில் உள்ள ஒரு சட்ட கட்டமைப்பிற்கு திருப்பி விடப்படும் போது, ஆனால் இது மீண்டும் மிகவும் கடினமானது மற்றும் எப்போதும் நம்பகமானது அல்ல.
பொதுவாக, முடிவை சந்தேகத்திற்கு இடமின்றி வரையலாம் - பிரேம்களில் இணையதளங்களை உருவாக்க வேண்டிய அவசியமில்லை. ஆனால் பல்வேறு பயன்பாடுகளுக்கான உதவியை உருவாக்க அவை தொடர்ந்து பயன்படுத்தப்படுகின்றன, மேலும் அவை மற்ற சிறிய விஷயங்களில் கைக்குள் வரலாம்.
எடுத்துக்காட்டாக, நான் ஒரு பிரேம் கட்டமைப்பை உருவாக்கினேன், அதை நான் "நேவிகேட்டர்" என்று அழைத்தேன் (இப்போது அது தற்காலிகமாக அகற்றப்பட்டுள்ளது) மேலும் இது எனது வலைப்பதிவின் விரிவாக்கப்பட்ட வெளிப்புற மெனுவாக மாறியுள்ளது, இது வளத்துடன் பணிபுரிவதை எளிதாக்க வேண்டும் என்று எனக்குத் தோன்றுகிறது. எனவே, மேம்படுத்துவது “ முட்டாள்தனம் இல்லை” என்பது தளத்தின் விளம்பரத்தில் மிகவும் வலுவான தாக்கத்தை ஏற்படுத்துகிறது.
ஆனால், எவ்வாறாயினும், சிக்கல்களைத் தவிர்ப்பதற்காக தேடல் இயந்திரங்கள், இந்த முழு பிரேம் கட்டமைப்பையும் பார்வையில் இருந்து மூடிவிட்டேன், மேலும் ரோடோட்ஸ் மெட்டா டேக்கை அதன் அனைத்து Html கோப்புகளிலும் சேர்த்தேன், அவற்றின் அட்டவணைப்படுத்தலைத் தடைசெய்கிறது:
ஜூம்லா
ஆனால் இந்த கட்டுப்பாடுகள் அனைத்தும் ஃப்ரேம் மற்றும் ஃப்ரேம்செட் குறிச்சொற்களில் உள்ள கட்டமைப்புகளுக்கு மட்டுமே பொருந்தும் உட்பொதிக்கப்பட்ட சட்டங்கள் iframe குறிச்சொற்கள்காணக்கூடிய குறைபாடுகள் எதுவும் இல்லை, மேலும் அவை உங்கள் திட்டப்பணிகளில் பயன்படுத்தப்படலாம், குறைந்தபட்சம் YouTube இலிருந்து வீடியோக்களைச் செருகுவதற்குப் பயன்படுத்தப்படலாம்.
அதிர்ஷ்டம் உங்களுக்கு உரித்தாகட்டும்! வலைப்பதிவு தளத்தின் பக்கங்களில் விரைவில் சந்திப்போம்
நீங்கள் ஆர்வமாக இருக்கலாம்
கருத்து வழிகாட்டுதல்கள் மற்றும் Html குறியீட்டில் டாக்டைப், அத்துடன் தொகுதி மற்றும் இன்லைன் கூறுகளின் கருத்து (குறிச்சொற்கள்) உட்பொதித்தல் மற்றும் பொருள் - வலைப்பக்கங்களில் ஊடக உள்ளடக்கத்தை (வீடியோ, ஃபிளாஷ், ஆடியோ) காட்ட Html குறிச்சொற்கள் Img - Html குறிச்சொல் ஒரு படத்தைச் செருகுவதற்கு (Src), அதைச் சுற்றி உரையை சீரமைத்தல் மற்றும் சுற்றுதல் (சீரமைத்தல்), அத்துடன் பின்னணி (பின்னணி) அமைப்பது ஹைப்பர்டெக்ஸ்ட் மார்க்அப் மொழி Html என்றால் என்ன மற்றும் W3C வேலிடேட்டரில் உள்ள அனைத்து குறிச்சொற்களின் பட்டியலை எவ்வாறு பார்ப்பதுதேர்ந்தெடு, விருப்பம், Textarea, Label, Fieldset, Legend - tags HTML படிவங்கள்கீழ்தோன்றும் பட்டியல்கள் மற்றும் உரை புலம் Html குறியீட்டில் உள்ள பட்டியல்கள் - UL, OL, LI மற்றும் DL குறிச்சொற்கள் எழுத்துரு (முகம், அளவு மற்றும் நிறம்), பிளாக்கோட் மற்றும் முன் குறிச்சொற்கள் - தூய HTML இல் மரபு உரை வடிவமைப்பு (சிஎஸ்எஸ் பயன்படுத்தப்படவில்லை) Html மற்றும் CSS குறியீட்டில் வண்ணங்கள் எவ்வாறு அமைக்கப்படுகின்றன, அட்டவணையில் RGB நிழல்களின் தேர்வு, Yandex வெளியீடு மற்றும் பிற நிரல்கள்