যদি আপনি ওয়েবের চারপাশে নজর রাখেন এবং বিভিন্ন ওয়েব পেজগুলির কোডটি দেখে থাকেন তবে আপনি যে বিষয়গুলি লক্ষ্য করেছেন তা হল বিভিন্ন সাইটগুলি তাদের বাহ্যিক CSS ফাইলগুলিকে বিভিন্ন উপায়ে অন্তর্ভুক্ত করে - ই-এমপোর্ট পদ্ধতি ব্যবহার করে অথবা এটির সাথে লিঙ্ক করে CSS ফাইল @ ইম্পোর্ট এবং লিঙ্কের মধ্যে পার্থক্য কি CSS এর জন্য এবং আপনি কিভাবে সিদ্ধান্ত নিয়েছেন যে আপনার জন্য কোনটি ভাল? একবার দেখা যাক!
& # 64; আমদানি এবং & lt; লিঙ্ক & gt;
আপনার স্টাইল শীটগুলি অন্তর্ভুক্ত করার জন্য কোন পদ্ধতিটি ব্যবহার করতে হবে তা নির্ধারণের আগে, আপনাকে বুঝতে হবে যে দুটি পদ্ধতি কী জন্য ব্যবহার করা হয়েছিল।
- লিঙ্কিং হল আপনার ওয়েব পেজগুলির একটি বহিঃস্থ স্টাইল শীট সহ প্রথম পদ্ধতি। এটি আপনার স্টাইল শীট সঙ্গে আপনার ওয়েব পেজ একসঙ্গে লিঙ্ক উদ্দেশ্যে করা হয়। এটি আপনার HTML নথির
এ যোগ করা হয়:@ ইম্পোর্ট - আমদানি করা আপনাকে একটি স্টাইল শীটকে অন্যটি আমদানি করতে দেয়। এটি লিংক দৃশ্যকল্পের চেয়ে সামান্য ভিন্ন, কারণ আপনি একটি সংযুক্ত শৈলী শীট ভিতরে শৈলী শীট আমদানি করতে পারেন। যদি আপনি একটি @import আপনার HTML ডকুমেন্টের মাথা অন্তর্ভুক্ত করা হয়, এটি এই মত লেখা হয়:
<শৈলী টাইপ = "পাঠ্য / CSS"> @ আমদানি url ("styles.css");একটি আদর্শ দৃষ্টিকোণ থেকে, একটি বহিরাগত স্টাইল শীট লিঙ্ক বা এটি আমদানি মধ্যে কোন পার্থক্য নেই। উভয় উপায় সঠিক এবং উভয় উপায় সমানভাবে ভাল (অধিকাংশ ক্ষেত্রে) কাজ করবে। যাইহোক, কয়েকটি কারণে আপনি অন্যের উপর এক ব্যবহার করতে চান হতে পারে।
কেন ব্যবহার করুন & # 64;
অনেক বছর আগে, ইম্পোর্টের পরিবর্তে (অথবা বরাবর) ব্যবহার করার জন্য দেওয়া সর্বাধিক সাধারণ কারণটি হল যে বয়সের ব্রাউজারগুলি ইম্পোর্ট নয়, তাই আপনি তাদের থেকে শৈলী লুকিয়ে রাখতে পারেন আপনার শৈলী শীট আমদানি করে, আপনি মূলত তাদের পুরোনো ব্রাউজার সংস্করণ থেকে "গোপন" তাদের আরো আধুনিক, মান সম্মতি ব্রাউজারে উপলব্ধ করা হবে।
@import পদ্ধতির জন্য আরেকটি ব্যবহার হল একটি পৃষ্ঠায় একাধিক শৈলী শীট ব্যবহার করা, যখন কেবলমাত্র আপনার দস্তাবেজের
তে একটি লিঙ্ক সহ। উদাহরণস্বরূপ, একটি সংস্থার সাইটে প্রতিটি পৃষ্ঠার জন্য একটি বিশ্বব্যাপী শৈলী শীট থাকতে পারে, উপ-বিভাগগুলি অতিরিক্ত স্টাইলগুলি সহ যা কেবলমাত্র সেই উপ-বিভাগে প্রয়োগ করে। সাব-স্টাইল শীট সংযুক্ত করে এবং স্টাইল শীটের শীর্ষে বৈশ্বিক স্টাইলগুলি আমদানি করে, আপনি সাইট এবং প্রতিটি সাব-সেকশনের সমস্ত শৈলীর সাথে একটি বিশাল স্টাইল শীট বজায় রাখতে হবে না। শুধুমাত্র প্রয়োজন হল যে কোনো @ ইম্পোর্ট নিয়ম আপনার শৈলী নিয়ম বাকি আগে আসতে হবে। এছাড়াও, মনে রাখবেন যে উত্তরাধিকার এখনও একটি সমস্যা হতে পারে।কেন & lt; লিঙ্ক & gt ;? ব্যবহার করুন
লিঙ্ক স্টাইল শীট ব্যবহার করার জন্য নম্বর এক কারণ আপনার গ্রাহকদের জন্য বিকল্প শৈলী শীট প্রদান করা হয়। ফায়ারফক্স, সাফারি এবং অপেরা সমর্থনকারী ব্রাউজারগুলি rel = "বিকল্প স্টাইলশীট" অ্যাট্রিবিউট সমর্থন করে এবং যখন উপলব্ধ থাকে তখন দর্শকরা তাদের মধ্যে স্যুইচ করতে পারবেন। আপনি IE এ স্টাইল শীট মধ্যে সুইচ করার জন্য একটি জাভাস্ক্রিপ্ট সুইচ ব্যবহার করতে পারেন। অ্যাক্সেসযোগ্যতার উদ্দেশ্যে জুম লেআউটগুলির সাথে এটি প্রায়শই ব্যবহার করা হয়।
@import ব্যবহার করার জন্য একটি দুর্ঘটনা হল যে যদি আপনার কাছে একটি খুব সাধারণ
থাকে তবে এটিতে শুধু @import রুল থাকে, আপনার পৃষ্ঠাগুলি লোড হচ্ছে এমন একটি "অস্থির বিষয়বস্তু ফ্ল্যাশ" (FOUC) প্রদর্শন করতে পারে। এই আপনার দর্শকদের jarring হতে পারে। এটি করার জন্য একটি সহজ সমাধান নিশ্চিত করুন যে আপনার এ অন্তত একটি অতিরিক্ত অথবা