HTML iframe: எடுத்துக்காட்டு மற்றும் பயன்பாட்டு அம்சங்கள். HTML இல் iframe ஐ எவ்வாறு செருகுவது: பயன்படுத்துவதற்கான எடுத்துக்காட்டு, iframe குறிச்சொல்லை ஆதரிக்கும் உலாவிகள்

வழிமுறைகள்

HTML மொழி(HyperText Markup Language - “hypertext markup language”) இரண்டு வகையான சட்டகங்களை வழங்குகிறது. "மிதக்கும்" மிகவும் நெகிழ்வானது மற்றும் ஏற்கனவே உள்ள ஒன்றில் செருகுவதற்கு எளிதானது. பொதுவாக, மிதக்கும் சட்டத்தைப் பயன்படுத்தி சாளரத்தைச் செருகுவதை விவரிக்கும் கட்டுமானம் இதுபோல் தெரிகிறது: இங்கே, இந்த சட்டகத்திற்கான தரவு மூலமானது ஏற்கனவே உள்ள தளம் (src பண்புக்கூறு) ஆகும். அகலம் மற்றும் உயரம் பண்புக்கூறுகளில் குறிப்பிடப்பட்டுள்ளபடி, 400 க்கு 300 அளவுள்ள சட்டத்தில் இது திறக்கப்படும். src பண்புக்கூறில் உங்கள் தளத்தின் பக்கத்தையும் குறிப்பிடலாம். இந்த வழக்கில், தொடர்புடைய முகவரியைக் குறிப்பிடுவது போதுமானது (அதாவது, சட்டகம் செருகப்பட்ட பக்கத்துடன் தொடர்புடைய முகவரி): இந்த எடுத்துக்காட்டில், சட்டத்தின் உயரம் குறிப்பிடப்படவில்லை, ஆனால் ஒரு ஐடி பண்பு உள்ளது. அதைப் பயன்படுத்தி உங்களால் முடியும் CSS ஐப் பயன்படுத்துகிறது() இந்த சட்டத்திற்கு தேவையான பரிமாணங்களை அமைக்கவும்:

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




தொகுதிகள் இல்லை ... மற்றும் ... , வழக்கமான பக்கங்களுக்குத் தேவைப்படும், இங்கே இருக்கக்கூடாது. இந்த எடுத்துக்காட்டில், திறக்கும் கொள்கலன் குறிச்சொல் வரிசைகள் பண்புக்கூறு உள்ளது - இதன் பொருள் பக்க இடைவெளி செங்குத்தாக பிரிக்கப்பட வேண்டும் மற்றும் முதல் சட்டகம் கொடுக்கப்படும் மேல் பகுதி. நீங்கள் வரிசைகளை cols உடன் மாற்றினால், பிரிவு கிடைமட்டமாக இருக்கும். இந்த பண்புக்கூறின் மதிப்பு "*,*" பிளவு விகிதங்கள் சமமாக இருப்பதைக் குறிக்கிறது - ஒவ்வொன்றும் 50%. நீங்கள் குறிப்பிட்டால், எடுத்துக்காட்டாக, “20%,*”, பின்னர் முதல் சட்டகத்திற்கு 20% மட்டுமே வழங்கப்படும், மீதமுள்ள இடம் இரண்டாவதாக வழங்கப்படும். இதன் எல்லைகளை இழுப்பதன் மூலம் பயனர் இந்த விகிதாச்சாரத்தை மாற்றலாம். சுட்டியுடன் சட்டங்கள், ஆனால் இந்த செயலை தடை செய்ய முடியும். இதைச் செய்ய, நீங்கள் ஒரு குறிப்பிட்ட சட்டகத்தின் குறிச்சொல்லில் noresize பண்புக்கூறைச் சேர்க்க வேண்டும். செங்குத்து மற்றும் கிடைமட்ட விளிம்புகளின் அளவையும் அருகில் உள்ள சட்டகத்திலிருந்து (விளிம்பு அகலம் மற்றும் விளிம்பு உயரம் பண்புக்கூறுகள்) குறிப்பிடலாம்: ஒவ்வொரு சட்டகத்தின் ஸ்க்ரோல் பார்களுக்கும் தனித்தனியாக நடத்தை விதிகளை அமைக்கலாம். ஸ்க்ரோலிங் பண்புக்கூறைப் பயன்படுத்தி இது செய்யப்படுகிறது, இது மூன்று முன் வரையறுக்கப்பட்ட மதிப்புகளில் ஒன்றைக் கொண்டிருக்கலாம். நீங்கள் scrolling="auto" என்று குறிப்பிட்டால், சட்டகத்தின் உள்ளடக்கங்கள் அதன் எல்லைகளுக்குள் பொருந்தாத போது உருள் பட்டைகள் தோன்றும். "ஆம்" என்றால் - கோடுகள் தேவையா என்பதைப் பொருட்படுத்தாமல் தொடர்ந்து இருக்கும். "இல்லை" எனில் - இந்த சட்டத்திற்கு உருள் பட்டைகள் முடக்கப்பட்டுள்ளன என்று அர்த்தம்.

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

வலைத்தள உருவாக்கத்தின் விடியலில், வலை வளங்கள் பக்கங்களின் தனித்தனி பகுதிகளைக் காட்ட பிரேம்களைப் பரவலாகப் பயன்படுத்துகின்றன. ஆனால் வருகையுடன் புதிய பதிப்பு HTML 5 எல்லாவற்றையும் மாற்றிவிட்டது. மார்க்அப் கூறுகள்<சட்டகம்>, <சட்டகம்> மற்றும்<noframes> வழக்கற்றுப் போனதாகக் கருதப்படுகிறது. அவை ஒற்றை குறிச்சொல்லால் மாற்றப்பட்டன -<iframe> html இல் எவ்வாறு சேர்ப்பது

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

உறுப்பு .

அறிவுரை:ஒரு உறுப்பு பாணியை தனிப்பயனாக்க

மூடும் குறிச்சொல்

தேவை.

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

சீரமைக்கநிராகரிக்கப்பட்டது சட்டமானது எப்படி விளிம்பில் சீரமைக்கப்பட்டுள்ளது மற்றும் அதைச் சுற்றி உரை எவ்வாறு சுற்றப்படுகிறது என்பதைத் தீர்மானிக்கிறது. அனுமதி முழுத்திரைசட்டத்தை முழுத்திரை பயன்முறையில் செல்ல அனுமதிக்கிறது. வெளிப்படைத்தன்மையை அனுமதிக்கும்தனிப்பயன் நிறுவல்கள் வெளிப்படையான பின்னணிபக்கத்தின் பின்னணி தெரியும். சட்ட எல்லைசட்டத்தைச் சுற்றி ஒரு பார்டரைக் காட்ட வேண்டுமா இல்லையா என்பதை HTML4 மட்டுமே அமைக்கிறது. உயரம் HTML5 சட்ட உயரம் CSS பிக்சல்களில், HTML4 பிக்சல்கள் அல்லது சதவீதம். hspaceசட்டத்திலிருந்து சுற்றியுள்ள உள்ளடக்கம் வரையிலான கிடைமட்ட விளிம்பு நிறுத்தப்பட்டது. விளிம்பு உயரம் HTML4 மட்டுமே உள்ளடக்கத்தில் இருந்து சட்ட எல்லை வரை மேல் மற்றும் கீழ் திணிப்பு. விளிம்பு அகலம் HTML4 மட்டுமே உள்ளடக்கத்திலிருந்து சட்டத்தின் எல்லை வரை இடது மற்றும் வலதுபுறமாக திணிப்பு. பெயர்சட்டத்தின் பெயர். மணல் பெட்டி HTML5 சட்டத்தில் ஏற்றப்பட்ட உள்ளடக்கத்தில் பல கட்டுப்பாடுகளை அமைக்க உங்களை அனுமதிக்கிறது. ஸ்க்ரோலிங்ஸ்க்ரோல்பார் ஒரு சட்டத்தில் காட்டப்படும் விதம். தடையற்ற HTML5 சட்டத்தின் உள்ளடக்கங்கள் ஆவணத்தின் ஒரு பகுதியாக இருப்பதைப் போல வழங்கப்பட வேண்டும் என்பதைக் குறிப்பிடுகிறது. srcசட்டத்தில் உள்ளடக்கங்கள் ஏற்றப்படும் கோப்பிற்கான பாதை. srcdoc HTML5 ஒரு சட்டகத்தின் உள்ளடக்கங்களை நேரடியாக ஒரு பண்புக்கூறில் சேமிக்கிறது. vspaceசட்டத்திலிருந்து சுற்றியுள்ள உள்ளடக்கத்திற்கு செங்குத்து ஆஃப்செட் நிறுத்தப்பட்டது. அகலம் HTML5 சட்ட அகலம் CSS பிக்சல்களில், HTML4 பிக்சல்கள் அல்லது சதவீதங்களில்.

இயல்புநிலை ஸ்டைலிங்

பெரும்பாலான உலாவிகள் உறுப்பைக் காண்பிக்கும்

ஏதேனும் CSS பாணிகள்ஒரு பெற்றோர் உறுப்புக்கு பயன்படுத்தப்படும் பாணிகள் இன்லைன் பிராந்தியத்தின் உள்ளடக்கத்திற்குப் பயன்படுத்தப்படாது அல்லது இன்லைன் உள்ளடக்கத்திற்குப் பயன்படுத்தப்படும் பாணிகள் பயன்படுத்தப்படாது தாய் உறுப்பு.

விருப்பமான அகலம் மற்றும் உயரம் பண்புகளைப் பயன்படுத்தி அல்லது CSS ஐப் பயன்படுத்தி இன்லைன் பகுதிக்கான அளவை நீங்கள் குறிப்பிடலாம். வழக்கமாக இயல்புநிலை அளவு 300px அகலமும் 150px உயரமும் இருக்கும், ஆனால் உலாவியைப் பொறுத்து, அளவு வேறுபட்டிருக்கலாம். பெரும்பாலான உலாவிகள் உறுப்புகளின் உள்ளடக்கத்தை இயல்பாகவே காண்பிக்கும்