এইচটিএমএল 5 এর একটি নতুন গ্লোবাল অ্যাট্রিবিউট রয়েছে hidden
, যা সামগ্রী লুকিয়ে রাখতে ব্যবহার করা যেতে পারে।
<article hidden>
<h2>Article #1</h2>
<p>Lorem ipsum ...</p>
</article>
সিএসএসের display:none
নিয়ম রয়েছে, যা সামগ্রী লুকানোর জন্যও ব্যবহার করা যেতে পারে।
article { display:none; }
দৃশ্যত, তারা অভিন্ন। শব্দার্থগতভাবে পার্থক্য কী? গণনা?
একটি বা অন্য ব্যবহার করার সময় আমার কোন নির্দেশিকা বিবেচনা করা উচিত?
টিয়া।
সম্পাদনা : @ নিউট্রনের প্রতিক্রিয়াগুলির ভিত্তিতে (নীচে), আমি আরও অনুসন্ধান করেছি। hidden
অ্যাট্রিবিউট ঘিরে গত বছরের প্রতিদ্বন্দ্বিতা করা হয় এবং (দৃশ্যত) সবে এটা HTML5 এর বৈশিষ্ট মধ্যে তৈরি। কেউ কেউ যুক্তি দিয়েছিলেন যে এটি অপ্রয়োজনীয় এবং এর কোনও উদ্দেশ্য ছিল না। আমি যা বলতে পারি তা থেকে চূড়ান্ত মূল্যায়নটি হ'ল: আমি যদি কেবল ওয়েব ব্রাউজারগুলিকে লক্ষ্য করে থাকি তবে কোনও পার্থক্য নেই। (একটি পৃষ্ঠা এমনকি জোর দিয়েছিল যে ওয়েব ব্রাউজারগুলি display:none
গোপন বৈশিষ্ট্য প্রয়োগ করতে ব্যবহার করে)) তবে আমি যদি অ্যাক্সেসযোগ্যতার বিষয়টি বিবেচনা করি (উদাহরণস্বরূপ, সম্ভবত আমি আমার সামগ্রীটি স্ক্রিন-পাঠকদের দ্বারা পড়ার আশা করি), তবে তার মধ্যে একটি পার্থক্য রয়েছে। সিএসএস বিধি display:none
আমার সামগ্রীগুলি ওয়েব ব্রাউজারগুলি থেকে আড়াল করতে পারে তবে সম্পর্কিত আরিয়া বিধি (যেমন,aria-hidden="false"
) এটি পড়ার চেষ্টা করতে পারে। সুতরাং, আমি এখন সম্মত হয়েছি যে @ নিউট্রনের উত্তর সঠিক, যদিও সম্ভবত (যুক্তিযুক্ত) আমার পছন্দ মত পরিষ্কার নয়। আপনার সহায়তার জন্য @ নিউট্রন ধন্যবাদ
hidden
বৈশিষ্ট্যটি বিদ্যমান রয়েছে তাও জানতেন না তবে এটি কাঠামো / উপস্থাপনা বিচ্ছিন্নতা লঙ্ঘন করে বলে মনে হচ্ছে অবশ্যই একটি ভাল প্রশ্ন।