அடுக்கு நடைத்தாள்கள் உள்ள @ இறக்குமதி பயன்படுத்தி

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

@ இறக்குமதி.

தி

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

HTML க்கு இறக்குமதி செய்கிறது

பயன்படுத்த

@ இறக்குமதி உங்கள் HTML இல் ஆட்சி, நீங்கள் பின்வரும் சேர்க்க வேண்டும்

ஆவணம்:

:

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

மாற்று அணுகுமுறை

பயன்படுத்த ஒரு மாற்று

@ இறக்குமதி உங்கள் HTML இல், நீங்கள் இதைப் போன்ற CSS கோப்பில் இணைக்கலாம்:

இது மிகவும் போலவே செயல்படுகிறது

@ இறக்குமதி அதில் நீங்கள் ஒரு மைய இடம் / கோப்பிலிருந்து உங்கள் CSS ஐ அனைத்தையும் நிர்வகிக்க அனுமதிக்கிறது, ஆனால் இந்த வழி ஒரு பதிவிறக்க முன்னோக்கிலிருந்து சிறந்தது. தனித்தனி கோப்பில் பல்வேறு வகை பாணிகளை நீங்கள் பிரித்தெடுக்க விரும்பினால், உங்கள் மாஸ்டர் CSS கோப்புக்குள் @import function ஐ தொடர்ந்து பயன்படுத்தவும். இதன் பொருள் உங்கள் வெளிப்புற CSS கோப்புகள் தனித்தனியாக நிர்வகிக்கப்படலாம், ஆனால் அவை அனைத்தையும் ஒரே மாஸ்டர் CSS ஆக இறக்குமதி செய்வதால், செயல்திறன் மேம்படுத்தப்பட்டுள்ளது.

CSS க்கு இறக்குமதி செய்கிறது

பயன்படுத்தி

குறியீட்டு எடுத்துக்காட்டு உங்கள் HTML பக்கத்தில் பயன்படுத்த "default.css" கோப்பை கொண்டு வரும். அந்த CSS கோப்பு உள்ளே, நீங்கள் உங்கள் பல்வேறு பக்கம் பாணியை வேண்டும். நீங்கள் ஒரு பக்கம் அந்த அனைத்து பாணியை விரிவாக, அல்லது நீங்கள் எளிதாக மேலாண்மை அவற்றை தவிர்த்து @ இறக்குமதி பயன்படுத்த முடியும். மீண்டும் ஒரு முறை, நாங்கள் 4 தனி CSS கோப்புகளை பயன்படுத்துகிறோம் என்று கூறுவோம் - அமைப்புக்கு ஒன்று, அச்சுக்கலை ஒன்று, படங்கள் ஒன்று. நான்காவது கோப்பு எங்கள் "மாஸ்டர்" கோப்பு இது எங்கள் பக்கம் இணைப்புகள் என்ன (இந்த உதாரணமாக, இது "default.css"). அந்த மாஸ்டர் CSS கோப்பு மிக மேலே நாம் கீழே காட்டப்பட்டுள்ள விதிகள் சேர்க்க முடியும்:

@ இறக்குமதி URL ('/ பாணியை / layout.css') @ இறக்குமதி URL ('/ பாணியை / type.css') @ இறக்குமதி URL ('/ பாணியை / images.css');

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

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

ஊடக கேள்விகளுக்கான @ இறக்குமதி

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

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

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

நான் @ இறக்குமதி செய்ய வேண்டுமா?

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

@ இறக்குமதி உங்களுக்கு பயனுள்ளதாக இருக்கும், அது உங்கள் பணிப்பகுதியின் பகுதியாக இருக்கலாம். இல்லையெனில், நீங்கள் பாதுகாப்பாக வலைப்பக்கங்களை உருவாக்க முடியும் உங்கள் CSS விதிகள் உங்கள் ஒற்றை நடைதாளுடன்.

உலாவி ஆதரவு

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

@ இறக்குமதி உங்கள் HTML அல்லது CSS விதிகள், நீங்கள் ஐ.நா. நம்பமுடியாத பழைய பதிப்புகள் ஆதரவு சில விசித்திரமான வேண்டும் வரை நீங்கள் வலை உலாவிகளில் மரபு பதிப்புகள் பிரச்சினைகள் ரன் கூடாது.

ஜெர்மி கிரார்ட் திருத்தப்பட்டது