আমি আমার প্রকল্পের টেমপ্লেটটি টুইঙ্ক করতে কিছু সিএসএস শিখছি। আমি এই সমস্যায় এসেছি এবং ওয়েবে একটি পরিষ্কার উত্তর খুঁজে পাইনি। সিএসএসে @ ইম্পোর্ট বা লিঙ্ক ব্যবহারের মধ্যে কি কোনও পার্থক্য রয়েছে?
@ ইম্পোর্টের ব্যবহার
<style>@import url(Path To stylesheet.css)</style>লিঙ্ক ব্যবহার
<link rel="stylesheet" href="Path To stylesheet.css">এটি করার সর্বোত্তম উপায় কী? এবং কেন? ধন্যবাদ!
উত্তর:
তত্ত্বের মধ্যে, তাদের মধ্যে একমাত্র পার্থক্য @importহ'ল স্টাইল শিট এবং <link>এইচটিএমএল প্রক্রিয়া অন্তর্ভুক্ত করার জন্য সিএসএস প্রক্রিয়া। যাইহোক, ব্রাউজারগুলি <link>পারফরম্যান্সের ক্ষেত্রে একটি স্পষ্ট সুবিধা প্রদান করে এগুলি আলাদাভাবে পরিচালনা করে ।
স্টিভ সোডারস একটি বিস্তৃত ব্লগ পোস্ট লিখেছিলেন <link>এবং উভয় এবং @import(এবং তাদের সমস্ত ধরণের সংমিশ্রণের) প্রভাবের তুলনায় " @ ইমপোর্ট ব্যবহার করবেন না " নামে পরিচিত । এই শিরোনামটি নিজের পক্ষে কথা বলছে।
ইয়াহু এটিকে তাদের পারফরম্যান্সের অন্যতম সেরা অনুশীলন হিসাবে উল্লেখ করেছে (স্টিভ সাউডারস সহ- রচিত ): @ ইমপোর্টের উপর থেকে বেছে নিন<link>
এছাড়াও, <link>ট্যাগ ব্যবহার আপনাকে "পছন্দসই" এবং বিকল্প স্টাইলশিট সংজ্ঞায়িত করতে দেয় । আপনি এটি দিয়ে করতে পারবেন না @import।
আপনি সিএসএস ফাইলের মধ্যে অন্য সিএসএস আমদানি করার জন্য আমদানি কমান্ডটি ব্যবহার করতে পারেন যা লিংক কমান্ড দিয়ে সম্ভব নয়। সত্যিই পুরানো ব্রাউজারটি (আই 4, আই 5 আংশিক) আমদানি কার্যকারিতা পরিচালনা করতে পারে না। অতিরিক্তভাবে আপনার এক্সএইচটিএমএল / এইচটিএমএলকে বিশ্লেষণ করে কিছু পাঠাগার স্টাইল শীট আমদানি করতে ব্যর্থ হতে পারে। আপনার আমদানি অন্য সমস্ত সিএসএস ঘোষণার আগে হওয়া উচিত দয়া করে সচেতন হন।
আজ কোনও সত্যিকারের পার্থক্য নেই, তবে @importপুরানো ব্রাউজারগুলি (নেটস্কেপ 4, ইত্যাদি) দ্বারা সঠিকভাবে পরিচালিত হচ্ছে না, তাই @importহ্যাকটি পুরানো ব্রাউজারগুলির থেকে সিএসএস 2 নিয়মগুলি লুকাতে ব্যবহার করা যেতে পারে।
আবার, আপনি যদি সত্যই পুরানো ব্রাউজারগুলি সমর্থন না করেন তবে কোনও পার্থক্য নেই।
তবে আমি যদি আপনি হয়ে থাকি তবে আমি <link>আপনার HTML পৃষ্ঠাগুলিতে রূপটি ব্যবহার করতাম , কারণ এটি আপনাকে মিডিয়া টাইপের (মুদ্রণ, স্ক্রিন ইত্যাদি) নির্দিষ্ট করার অনুমতি দেয়।
<লিঙ্ক> নির্দেশটি একাধিক সিএসএসের জন্য লোড করা এবং অ্যাসিঙ্ক্রোনালি ব্যাখ্যা করতে পারে।
@ ইম্পোর্টের নির্দেশিকা ব্রাউজারকে * তার ইঞ্জিন দ্বারা সঠিকভাবে প্রক্রিয়া করার আগে আমদানিকৃত স্ক্রিপ্টটি প্যারেন্ট স্ক্রিপ্টটিতে ইনলাইন লোড না হওয়া পর্যন্ত অপেক্ষা করতে বাধ্য করে, কারণ প্রযুক্তিগতভাবে এটি কেবল একটি স্ক্রিপ্ট।
প্রচুর CSS মিনিমাইজেশন স্ক্রিপ্টগুলি (এবং কম বা সাসের মতো ভাষা) লিঙ্কিত স্ক্রিপ্টগুলিকে স্বয়ংক্রিয়ভাবে মূল স্ক্রিপ্টে সংযুক্ত করে তুলবে কারণ এটি কম ট্রান্সফার ওভারহেডের কারণে শেষ হয়।
* (ব্রাউজারের উপর নির্ভর করে)
এই নিবন্ধটি এখানে ব্যবহৃত হতে পারে: এইচটিএমএলে সিএসএস যুক্ত করার 4 টি পদ্ধতি: লিঙ্ক, এম্বেড, ইনলাইন এবং আমদানি
আমি যখন আমদানি বিধিটি ব্যবহার করি তখন এটি সাধারণত বিদ্যমান স্টাইলশীটের মধ্যে স্টাইলশীট আমদানি করা হয় (যদিও এটি শুরু করার জন্য এটি করা আমার পছন্দ নয়)। তবে আপনার প্রশ্নের উত্তর দেওয়ার জন্য, না আমি বিশ্বাস করি না যে কোনও পার্থক্য রয়েছে। বৈধ এক্সএইচটিএমএলকে মেনে চলার জন্য কেবল ডাবল উক্তিগুলিতে ইউআরএল স্থাপন করা নিশ্চিত করুন।
@ ইম্পোর্টটি সাধারণত আপনার উদাহরণের মতো ইনলাইন না করে বাহ্যিক স্টাইলশিটে ব্যবহার করা বোঝায়। আপনি যদি সত্যিই খুব পুরানো ব্রাউজারগুলির থেকে স্টাইলশিটটি আড়াল করতে চান তবে আপনি স্টাইলশীটটি ব্যবহার থেকে বিরত রাখতে হ্যাক হিসাবে ব্যবহার করতে পারেন।
সামগ্রিকভাবে, <link>ট্যাগটি ইমপোর্ট রুলের চেয়ে আরও দ্রুত প্রক্রিয়া করা হয় (যা সিএসএস প্রসেসিং ইঞ্জিনের সাথে সম্পর্কিত হিসাবে কিছুটা ধীরে ধীরে ধীরে ধীরে)।
মাইক্রোসফ্ট ইন্টারনেট এক্সপ্লোরার 9 (MSIE9) @ ইমপোর্টটি সঠিকভাবে পরিচালনা করবে বলে মনে হচ্ছে না। আমার অ্যাপাচি লগ থেকে এই এন্ট্রিগুলি পর্যবেক্ষণ করুন (আইপি অ্যাড্রেস লুকিয়েছে কিন্তু whoisবলেছেন যে এটি মাইক্রোসফ্টের নিজস্ব মালিকানাধীন): স্ক্রিন.এসএস-এর সাথে লিঙ্কযুক্ত মূল এইচটিএমএল
@import url("print.css") print;
@import url("speech.css") aural;যা আমি এখন linkএইচটিএমএলের উপাদানগুলিতে পরিবর্তন করতে চলেছি, কারণ মনে হয় MSIE9 সার্ভারের কাছে দুটি ভুল অনুরোধ জারি করে, 404 ত্রুটিগুলি না করেই আমি করতে পারি:
[ip] - - [21/Dec/2019:05:49:28 +0000] "GET /screen.css HTTP/1.1" 200 2592 "https://ssb22.user.srcf.net/zhimo/"; "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; Trident/5.0)" ssb22.user.srcf.net
[ip] - - [21/Dec/2019:05:49:28 +0000] "GET /url(%22print.css%22)%20print HTTP/1.1" 404 7498 "https://ssb22.user.srcf.net/zhimo/"; "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; Trident/5.0)" ssb22.user.srcf.net
[ip] - - [21/Dec/2019:05:49:28 +0000] "GET /url(%22speech.css%22)%20aural HTTP/1.1" 404 7498 "https://ssb22.user.srcf.net/zhimo/"; "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; Trident/5.0)" ssb22.user.srcf.netএরপরে এই ফাইলগুলির জন্য যথাযথ অনুরোধ ছিল , তবে আমরা এই "সার্ভারে প্রথমে শ্যুট এট, পার্স urlপরে" যুক্তি যুক্ত করতে পারি।