মাঝে মাঝে, আপনি ওয়েব পেজগুলির উন্নয়নে কাজ করার সময়, যে কোনও একটি বা অন্য কারণের জন্য নির্দিষ্ট আইটেমের "লুকানো" প্রয়োজন। আপনি অবশ্যই, HTML মার্কআপ থেকে প্রশ্নে আইটেম (গুলি) সরিয়ে ফেলতে পারেন, তবে আপনি যদি তাদের কোডে থাকতে চান তবে ব্রাউজার স্ক্রিনে যেকোনো কারনে প্রদর্শন করবেন না (এবং আমরা কারণগুলির পর্যালোচনা করব এটা খুব শীঘ্রই)। আপনার HTML এ একটি উপাদান রাখার জন্য, কিন্তু এটি প্রদর্শন করার জন্য লুকিয়ে রাখুন, আপনি CSS এ ফিরে যাবেন।
এইচটিএমএল-এ থাকা একটি উপাদান লুকানোর জন্য দুটি সবচেয়ে সাধারণ উপায় হল "ডিসপ্লে" বা "দৃশ্যমানতা" -এর জন্য CSS বৈশিষ্ট্যগুলি ব্যবহার করা। প্রথম নজরে, এই দুটি বৈশিষ্ট্য মূলত একই জিনিস মনে হতে পারে, কিন্তু তাদের প্রতিটি পৃথক পার্থক্য যে আপনি সচেতন হতে হবে। এর প্রদর্শন মধ্যে পার্থক্য তাকান যাক: কেউ এবং দৃশ্যমানতা: লুকানো
দৃষ্টিপাত
CSS সম্পত্তি / ভিজ্যুয়ালিটির মান জোড়ার ব্যবহার: গোপন ব্রাউজার থেকে একটি উপাদান লুকায়। যাইহোক, যে লুকানো উপাদান এখনও লেআউট মধ্যে স্থান লাগে। এটা আপনি মূলত অদৃশ্য উপাদান তৈরি করেছেন মত, কিন্তু এটি এখনও জায়গায় অবশেষ এবং এটা এটি একা বাকি হয়েছে আপ গ্রহণ করা হবে জায়গা লাগে।
যদি আপনি আপনার পৃষ্ঠায় একটি DIV রাখেন এবং CSS ব্যবহার করেন তবে এটি 100x100 পিক্সেল গ্রহণ করার জন্য মাত্রাগুলি প্রদর্শন করে, দৃশ্যমানতা: লুকানো সম্পত্তিটি ডিভিটি পর্দায় প্রদর্শন করবে না, তবে এটি অনুসরণ করা পাঠ্যটি কাজ করবে যেমনটি এখনও সেখানে আছে 100x100 স্পেসিং
প্রকৃতপক্ষে, দৃশ্যমানতা সম্পত্তি আমরা খুব ঘন ঘন ব্যবহার করা হয় না, এবং অবশ্যই তার নিজস্ব নয়। যদি আমরা অন্য CSS বৈশিষ্ট্যাবলীগুলি ব্যবহার করি যা লেআউট অর্জনের পজিশনিংটি আমরা একটি নির্দিষ্ট উপাদানের জন্য চেয়েছিলাম, তবে আমরা প্রথমে এই আইটেমটি লুকিয়ে রাখার জন্য দৃশ্যমানতা ব্যবহার করতে পারি, শুধুমাত্র হভারে এটি "চালু" করতে যে এই সম্পত্তি এক সম্ভাব্য ব্যবহার, কিন্তু আবার, এটা আমরা কোন ফ্রিকোয়েন্সি সঙ্গে চালু কিছু না।
প্রদর্শন
দৃশ্যমানতা সম্পত্তির বিপরীতে, যা সাধারণ ডকুমেন্ট প্রবাহের একটি উপাদানকে প্রদর্শন করে, প্রদর্শন: কেউ নথির সম্পূর্ণরূপে উপাদানটি সরিয়ে দেয় না। এটি কোন স্থান গ্রহণ করে না, যদিও এটির জন্য এইচটিএমএল এখনও সোর্স কোডে আছে। এটা কারণ, প্রকৃতপক্ষে, নথি প্রবাহ থেকে সরানো। সব intents এবং উদ্দেশ্য জন্য, আইটেম চলে গেছে। আপনার উদ্দেশ্য কি উপর নির্ভর করে এটি একটি ভাল জিনিস বা একটি খারাপ জিনিস হতে পারে। আপনি এই সম্পত্তি অপব্যবহার করলে এটি আপনার পৃষ্ঠার ক্ষতি হতে পারে!
একটি পৃষ্ঠা পরীক্ষা করার সময় আমরা প্রায়ই "প্রদর্শন: কিছুই না" ব্যবহার করি যদি আমরা একটি এলাকা প্রয়োজন "একটু দূরে" যেতে যাতে আমরা পৃষ্ঠার অন্যান্য এলাকায় পরীক্ষা করতে পারেন, আমরা প্রদর্শন ব্যবহার করতে পারেন: যে জন্য কেউ। মনে রাখা জিনিস, তবে, উপাদান যে সাইটের প্রকৃত লঞ্চ পূর্বে পৃষ্ঠায় ফেরৎ করা উচিত যে হয়। এই কারণটি এই পদ্ধতিতে ডকুমেন্ট প্রবাহ থেকে মুছে ফেলা একটি আইটেম সার্চ ইঞ্জিন বা স্ক্রিন পাঠকদের দ্বারা দেখা যায় না, যদিও এটি HTML মার্কআপে থাকতে পারে। অতীতে, এই পদ্ধতিটি অনুসন্ধান ইঞ্জিন র্যাংকিংকে প্রভাবিত করার চেষ্টা করার জন্য একটি কালো টুপি পদ্ধতি হিসেবে ব্যবহার করা হতো, তাই এমন আইটেমগুলি প্রদর্শন করা হয় না এমন একটি লাল পতাকা হতে পারে যাতে দেখা যায় যে এই পদ্ধতিটি ব্যবহার করা হচ্ছে কেন।
আমরা দেখি একটি উপায় প্রদর্শন: কেউ দরকারী হতে পারে না, এবং আমরা লাইভ, উৎপাদন ওয়েবসাইটের উপর এটি ব্যবহার করা হয়, যেখানে আমরা একটি প্রতিক্রিয়াশীল সাইট নির্মাণ করা হয় যেখানে একটি প্রদর্শনের আকার জন্য উপলব্ধ কিন্তু যে অন্যদের জন্য না উপাদান থাকতে পারে আপনি প্রদর্শন ব্যবহার করতে পারেন: কেউ যে উপাদান লুকান এবং তারপর পরে মিডিয়া ক্যোয়ারী দিয়ে এটি চালু করুন। এটি প্রদর্শনের একটি গ্রহণযোগ্য ব্যবহার: কেউ না, কারণ আপনি নেতিবাচক কারণে কিছু লুকানোর চেষ্টা করছেন না, কিন্তু এটি করার জন্য একটি বৈধ প্রয়োজন আছে।
জনিফার ক্রাইনিনের মূল রচনা 3/3/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত