Quirks মোডে DOCTYPE এলিমেন্ট ব্যবহার করে

Quirks মোড মধ্যে ব্রাউজার করা Doctype আউট ত্যাগ

আপনি যদি কয়েক মাস ধরে ওয়েব পেজ ডিজাইন করে থাকেন, তাহলে আপনি সম্ভবত এমন সব পৃষ্ঠাগুলি লিখতে অসুবিধা সম্পর্কে সচেতন থাকবেন যা সকল ব্রাউজারে একই রকম দেখায় । বস্তুত, এটা অসম্ভব। অনেক ব্রাউজার বিশেষ বৈশিষ্ট্যগুলির সাথে লিখিত ছিল যেগুলি কেবল তারা পরিচালনা করতে পারে বা তাদের অন্যান্য ব্রাউজারগুলি তাদের সাথে কীভাবে সামঞ্জস্যপূর্ণ তা থেকে ভিন্ন ধরনের জিনিসগুলি পরিচালনা করার বিশেষ উপায় রয়েছে। উদাহরণ স্বরূপ:

ব্রাউজার ডেভেলপারদের জন্য সমস্যা হল যে ওয়েব ব্রাউজারগুলি তৈরি করতে হবে যা পুরাতন ব্রাউজারগুলির জন্য নির্মিত ওয়েব পৃষ্ঠাগুলির সাথে সামঞ্জস্যপূর্ণ। এই সমস্যাটি মোকাবেলা করার জন্য, ব্রাউজার প্রস্তুতকারীরা ব্রাউজারগুলির জন্য মোড তৈরি করে। এই মোডগুলি একটি DOCTYPE উপাদানটির উপস্থিতি বা অনুপস্থিতিতে এবং যেটি DOCTYPE কলগুলি দ্বারা সংজ্ঞায়িত করা হয়।

DOCTYPE সুইচিং এবং "Quirks মোড"

আপনি যদি আপনার ওয়েব পৃষ্ঠায় নিম্নলিখিত DOCTYPE রাখেন:

আধুনিক ব্রাউজারগুলি (অ্যান্ড্রয়েড 1+, ক্রোম 1+, IE 6+, iOS 1+, ফায়ারফক্স 1+, নেটস্কেপ 6+, অপেরা 6+, সাফারি 1+) এটিকে নীচের ফ্যাশনে ব্যাখ্যা করবে:

  1. কারণ একটি সঠিকভাবে লিখিত DOCTYPE আছে, এটি মানক মডিরে ট্রিগার করে।
  2. এটি একটি এইচটিএমএল 4.01 ট্রানজিশনাল ডকুমেন্ট
  3. এটি স্ট্যান্ডার্ড মোডে থাকলে, অধিকাংশ ব্রাউজার এইচটিএমএল 4.01 ট্রানজিশনাল এর সাথে সঙ্গতিপূর্ণ (বা বেশিরভাগ অনুষদ) রেন্ডার করবে

এবং যদি আপনি আপনার ডকুমেন্টে DOCTYPE রাখেন:

এটি আধুনিক ব্রাউজারগুলি দেখায় যে আপনি আপনার এইচটিএমএল 4.01 পৃষ্ঠার DTD এর সাথে কঠোর আনুগত্য প্রদর্শন করতে চান।

এই ব্রাউজারটি "কঠোর" বা "মানক" মোডে যাবে এবং পৃষ্ঠাগুলির সাথে মানানসই সম্মতিতে পৃষ্ঠার রেন্ডার করবে। (সুতরাং, এই দস্তাবেজটির জন্য, যেমনটি ব্রাউজার দ্বারা সম্পূর্ণভাবে উপেক্ষা করা যেতে পারে, যেমনটি এইচটিএমএল 4.01 কঠোর ভাষায় ফন্ট এলিমেন্টকে অপ্রচলিত করা হয়েছে।)

আপনি যদি সম্পূর্ণ DOCTYPE ছেড়ে চলে যান, ব্রাউজার স্বয়ংক্রিয়ভাবে "quirks" মোডে বিয়োগ করা হয়।

নীচের সারণিটি দেখায় যা সাধারণ ব্রাউজারগুলি যখন বিভিন্ন সাধারণ DOCTYPE ঘোষণার সাথে উপস্থাপিত হয়।

মাইক্রোসফট এটা কঠিন করে তোলে

ইন্টারনেট এক্সপ্লোরার 6 এও এই বৈশিষ্ট্যটি রয়েছে যে যদি আপনি ডক্টরেডের ঘোষণার উপরে কিছু রাখেন, তাহলে তারা কুইক্ক মোডে যাবে। তাই, এই উভয় উদাহরণ IE 6 কে কুইক্ক মোডে রাখবে, যদিও DOCTYPE ঘোষণাপত্রগুলি কঠোর মান মাপে বলে:

এবং এক্স এইচটিএমএল 1.1 ডক্টিপিপি:

প্লাস, যদি আপনি IE6 তে যান, তাহলে আপনার "বৈশিষ্ট্য" আছে যা মাইক্রোসফট IE8 এবং IE9 তে যোগ করেছে: মেটা উপাদান সুইচিং এবং ওয়েবসাইট ব্ল্যাকলিস্টিং। আসলে, এই দুটি ব্রাউজার সংস্করণ এখন পর্যন্ত সাত (!) বিভিন্ন মোড আছে:

IE 8 এছাড়াও "সামঞ্জস্য মোড" চালু যেখানে ব্যবহারকারী IE 7 মোডে ফিরে রেন্ডারিং মডেল পরিবর্তন করতে পারে। তাই যদি আপনি মোডটি সেট করেন তবে আপনি DOCTYPE এবং META উভয় উপাদান ব্যবহার করে সেট করতে চান, তবে আপনার পৃষ্ঠাটি এখনও একটি নিম্ন মান-অনুবর্তী মোডে ধাক্কা দেওয়া হতে পারে।

Quirks মোড কি?

Quirks মোড সমস্ত অদ্ভুত রেন্ডারিং এবং অ আনুগত্য ব্রাউজার সমর্থন এবং হ্যাক যে ওয়েব ডিজাইনার যারা জিনিস মোকাবেলা করার জন্য ব্যবহার করা হয়েছিল সঙ্গে মোকাবিলা করতে সাহায্য করার জন্য তৈরি করা হয়েছিল। ব্রাউজার নির্মাতারা যে উদ্বেগ ছিল যে তারা যদি তাদের ব্রাউজারগুলি সম্পূর্ণ স্পেসিফিকেশন সম্মতিতে পরিবর্তন করে ফেলে তাহলে ওয়েব ডিজাইনাররা পিছনে চলে যাবে।

DOCTYPE সুইচিং এবং "Quirks মোড" সেট আপ করে ওয়েব ডিজাইনারগণ কীভাবে ব্রাউজারগুলিকে তাদের HTML রেন্ডার করতে চান তা চয়ন করতে পারবেন।

Quirks মোড প্রভাব

অধিকাংশ ব্রাউজার Quirks মোডে ব্যবহার করে এমন বিভিন্ন প্রভাব রয়েছে:

"প্রায় স্ট্যান্ডার্ড মোড:" এর মধ্যে একটি পার্থক্য রয়েছে।

কিভাবে একটি DOCTYPE চয়ন করুন

আমি আমার নিবন্ধ DOCTYPE তালিকা আরো বিস্তারিতভাবে যান, কিন্তু এখানে থাম্ব কিছু সাধারণ নিয়ম আছে:

  1. সর্বদা মান মোড চয়ন প্রথম। এবং আপনার ব্যবহৃত বর্তমান মানটি হল HTML5:
    আপনি যদি HTML5 DOCTYPE ব্যবহার করা এড়াতে কোনও নির্দিষ্ট কারণ না থাকেন, তবে এটিই আপনার ব্যবহার করা উচিত।
  2. কঠোর এইচটিএমএল 4.01 তে যান যদি আপনাকে লিগ্যাসি উপাদানগুলি বৈধ করতে হয় বা কিছু কারণে নতুন বৈশিষ্ট্যগুলি এড়াতে চান তাহলে:
  3. আপনি যদি টেবিলের ছবিগুলি কাটা দিয়ে থাকেন এবং তাদের ঠিক করতে না চান, তাহলে ট্রান্স্যাশনাল এইচটিএমএল 4.01 এ যান:
  4. Quirks মোডে ইচ্ছাকৃতভাবে পৃষ্ঠাগুলি লিখবেন না। সর্বদা একটি DOCTYPE ব্যবহার করুন এই ভবিষ্যতে উন্নয়ন সময় আপনাকে রক্ষা করবে, এবং সত্যিই কোন উপকার আছে। IE6 দ্রুত জনপ্রিয়তা হারানো এবং এই ব্রাউজার (যা মূলত কি quirks মোড মধ্যে ডিজাইনিং) আপনি নিজেকে, আপনার পাঠকদের, এবং আপনার পৃষ্ঠা সীমিত করা হয় জন্য ডিজাইন দ্বারা দ্বারা ডিজাইন করা হয়। যদি আপনি IE 6 বা 7 এর জন্য লিখতে থাকেন, তবে আধুনিক ব্রাউজারগুলি quirks মোডের পরিবর্তে বরং তাদের সমর্থন করতে শর্তাধীন মন্তব্যগুলি ব্যবহার করুন।

কেন DOCTYPE ব্যবহার করবেন

একবার আপনি এই ধরনের DOCTYPE স্যুইচিং চালু হওয়ার বিষয়ে সচেতন হলে, আপনার DOCTYPE ব্যবহার করে আপনার ওয়েব পৃষ্ঠাগুলিকে আরও সরাসরি প্রভাবিত করতে পারে যা নির্দেশ করে যে আপনার পৃষ্ঠা থেকে ব্রাউজার কী আশা করতে পারে। এছাড়াও, একবার আপনি DOCTYPE ব্যবহার শুরু করার পরে, আপনি HTML লিখবেন যা বৈধ হওয়ার কাছাকাছি (আপনি এখনও এটি যাচাই করা উচিত)। এবং বৈধ এক্স এইচটিএমএল লেখার মাধ্যমে, আপনি ব্রাউজার নির্মাতাদেরকে মান সম্মত ব্রাউজার নির্মাণের জন্য উত্সাহিত করেন।

ব্রাউজার সংস্করণ এবং Quirks মোড

DOCTYPE অ্যান্ড্রয়েড
ক্রৌমিয়াম
ফায়ারফক্স
IE 8+
আইওএস
অপেরা 7.5+
আফ্রিকায় শিকার অভিযান
IE 6
IE 7
অপেরা 7
নেটস্কেপ 6
না Quirks মোড Quirks মোড Quirks মোড
এইচটিএমএল 3.2
Quirks মোড Quirks মোড Quirks মোড
এইচটিএমএল 4.01
সংক্রমণগত স্ট্যান্ডার্ড মোড * স্ট্যান্ডার্ড মোড * স্ট্যান্ডার্ড মোড
সংক্রমণগত Quirks মোড Quirks মোড Quirks মোড
যথাযথ স্ট্যান্ডার্ড মোড স্ট্যান্ডার্ড মোড * স্ট্যান্ডার্ড মোড
যথাযথ স্ট্যান্ডার্ড মোড স্ট্যান্ডার্ড মোড * স্ট্যান্ডার্ড মোড
HTML5 এর
স্ট্যান্ডার্ড মোড স্ট্যান্ডার্ড মোড * Quirks মোড
* এই DOCTYPE সঙ্গে, ব্রাউজার মান সম্মত কাছাকাছি, কিন্তু কিছু সমস্যা আছে- পরীক্ষা নিশ্চিত হতে হবে। এটি "প্রায় স্ট্যান্ডার্ড মোড" নামেও পরিচিত।