কম্পিউটার টিউটোরিয়াল

ব্রাউজার রেন্ডারিং মোড বুঝুন: স্ট্যান্ডার্ডস, অলমোস্ট স্ট্যান্ডার্ডস এবং কুইרקস

ব্রাউজার রেন্ডারিং মোড বুঝুন: স্ট্যান্ডার্ডস, অলমোস্ট স্ট্যান্ডার্ডস এবং কুইרקস

লেখক: জুজানা কে

আমার গত নিবন্ধে, আমি ডকটাইপ সম্পর্কে আলোচনা করেছিলাম — এটি কী এবং কেন প্রয়োজন। এই নিবন্ধে, আমি ব্রাউজারগুলোর বিভিন্ন রানিং মোডের পার্থক্য নিয়ে আলোচনা করব: ফুল স্ট্যান্ডার্ডস মোড, অলমোস্ট স্ট্যান্ডার্ডস মোড, এবং কুইרקস মোড।

এই দুটি নিবন্ধ বেশো ঘনিষ্ঠভাবে জড়িত, তাই আপনি আগেরটিটি প্রথমে পড়তে পারেন যাতে বুঝতে পারেন আমি কী বলছি।

প্রশ্ন: ফুল স্ট্যান্ডার্ডস মোড, অলমোস্ট স্ট্যান্ডার্ডস মোড, এবং কুইর্কস মোডের পার্থক্য কী?

এই বিভিন্ন মোডগুলো সবগুলো W3C স্ট্যান্ডার্ডের sơরী অনুশীলনের সাথে সম্পর্কিত।

ডকটাইপ ব্রাউজারকে বলে দেয় যে তারা কী ধরনের ডকুমেন্ট রেন্ডার করতে যাচ্ছে। যদি ডেভেলপার তাদের HTML ডকুমেন্টে ডকটাইপ অন্তর্ভুক্ত করতে ভুলে যায়, তবে ব্রাউজারকে কিছুই পতা থাকে না যে সেটি কী ধরনের ডকুমেন্টের সাথে ডিল করছে।

তাই, নিরাপদ পক্ষে থাকতে, সেটি ডকুমেন্টটিকে পুরনো (কুইর্ক) ব্রাউজারগুলোর (নেভিগেটর ৪, ইন্টারনেট এক্সপ্লোরার ৪ এবং ৫) সাথে কম্প্যাটিবল করে রেন্ডার করে, যাকে কুইর্কস মোড বলা হয়।

যেহেতু পুরনো ব্রাউজারগুলো খুব খারাপ CSS-এর জমিনে বাস করত, এর মানে হল আপনার অনেক CSS স্টাইল প্রয়োগ হবena, এবং আপনার সাইট আপনার আশা অনুযায়ী দেখাবে না।

অবশ্য, কিছু ডেভেলপার عمدভাবেই ডকটাইপ বাদ দিতে পারে কারণ তারা চায় তাদের ডকুমেন্ট কুইর্কস মোডে রেন্ডার হোক பல কারণের জন্য।

যেমন, যদি আমি জানতে চাই আমার ওয়েবসাইট ১৯৯৮ সালে কেমন দেখত? ভালো কারণ, আমি মনে করি।

এখন আমরা জানি কুইর্কস মোড কী এবং এটি আমাদের দুর্বল ওয়েবসাইটের সাথে কী করবে (ভাঙিয়ে দেবে), তাহলে ফুল স্ট্যান্ডার্ডস এবং অলমোস্ট স্ট্যান্ডার্ডস মোডের বিষয়টি কী?

অলমোস্ট স্ট্যান্ডার্ডস মোডকে লিমিটেড কুইর্কস মোডও বলা হয়। আপনি কল্পনা করতে পারেন, অলমোস্ট স্ট্যান্ডার্ডস মোডে রেন্ডার হওয়া কন্টেন্ট প্রায় পুরোপুরি ফুল স্ট্যান্ডার্ডস মোডের সাথে কম্প্যাটিবল।

প্রায়।

বিশ্বব্যাপী সবচোসে দুঃখদ শব্দ।

I. ছোট গল্প

সারা পৃথিবীতে

সবচোসে দুঃখদ শব্দ

হচ্ছে 'প্রায়' (Almost)।

সে প্রায় ভালোবাসত।

তিনি তার জন্য প্রায় ভালো ছিলেন।

সে প্রায় তাকে থামিয়েছিল।

তিনি প্রায় অপেক্ষা করেছিলেন।

সে প্রায় বাঁচেছিল।

তারা প্রায় সফল হয়েছিল।

লেখক: নিকিতা গিল

চলুন, এগিয়ে যাই।

অলমোস্ট স্ট্যান্ডার্ডস মোড ডকুমেন্টটিকে শুধু কিছু কুইর্কস দিয়ে রেন্ডার করে যা টেবিল সেলের ভার্টিক্যাল সাইজিংর সাথে সম্পর্কিত।

দরিদ্রে, ফুল স্ট্যান্ডার্ডস মোড ডকুমেন্টটিকে সর্বশেষ HTML এবং CSS স্পেসিফিকেশন অনুযায়ী রেন্ডার করে। যদিও আধুনিক ব্রাউজারগুলোর মধ্যে কন্টেন্ট রেন্ডারিংয়ে এখনও কিছু পার্থক্য রয়েছে, আমরা Normalize.css বা Reset CSS ব্যবহার করে অসঙ্গতিগুলো কমানো পারি (এবং আমাদের বুদ্ধি রক্ষা করতে পারি)।

তাই, যদি আপনার ওয়েবসাইটে কোনো কুইর্কস থাকে, সেটি সম্ভবত আপনার দায়, ব্রাউজারের নয়।

দুঃখিত।

এখন আমরা এই অবস্থানে আছি। যদি কেউ আপনাকে ফুল স্ট্যান্ডার্ডস, অলমোস্ট ফুল স্ট্যান্ডার্ডস, এবং কুইর্কস মোডের পার্থক্য সম্পর্কে জিজ্ঞাসা করে, তবে শুধু পুরনো ব্রাউজার, ভাঙা CSS, এবং সবচোসে দুঃখদ শব্দটি মনে রাখুন।

যদি আপনি বিভিন্ন ব্রাউজার মোড এক্টিভেট করার সম্পর্কে আরও পড়তে চান, তবে হেনরি সিভোনেনের লিখা একটি চমৎকার ওভারভিউ রয়েছে। এবং MDN-এ কুইর্কসের একটি মোটামুটি তালিকা পাওয়া যায়।

পরবর্তী বারের আমি HTML এবং XHTML-এর পার্থক্য নিয়ে আলোচনা করব। আশা করি আপনি আমার সাথে থাকবেন এই kháয় চমৎকার টপিকে! শীঘ্রই দেখা হবে!

আমি যে প্রশ্নের তালিকাটি উত্তর দিচ্ছি সেটি ভেরিফাই রিক্রুটমেন্ট এজেন্সির রোজ থেকে সุดানসীনভাবে প্রদান করা হয়েছে, ডাবলিন, আয়ারল্যান্ড।

যদি আপনি এই নিবন্ধটি উপভোগ করেন এবং ফলপ্রসূ বলে মনে করেন, তবে অনুগ্রহ করে একটি কমেন্ট বা কিছু ক্ল্যাপ রেখে যান। ধন্যবাদ!

নি:শুল্কে কোডিং শিখুন। freeCodeCamp-এর ওপেন সোর্স ক্যুরিকুলাম ৪০,০০০ এর অধিক মানুষকে ডেভেলপার হিসেবে চাকরি পেতে সাহায্য করেছে। শুরু করুন


  1. ইমেইল লিস্ট তৈরির জন্য ৫টি সেরা ওয়ার্ডপ্রেস প্লাগইন

  2. ডিসকর্ড বট (Discord Bot) তৈরির পদ্ধতি

  3. ফায়ারফক্স কন্টেইনার কী এবং গোপনীয়তা রক্ষায় এর ব্যবহার

  4. ক্রোমের অম্নিবক্স (Omnibox) আরও কার্যকর করতে ৫টি এক্সটেনশন