এইচটিএমএল এলিমেন্টঃ ব্লক লেভেল বনাম ইনলাইন উপাদান

এইচটিএমএলটিতে তৃতীয় ধরনের উপাদান রয়েছে: যাদেরকে সব সময়ে প্রদর্শন করা হয় না। এই উপাদানগুলি পৃষ্ঠার তথ্য সরবরাহ করে কিন্তু ওয়েব ব্রাউজারে উপস্থাপিত হওয়ার সময় প্রদর্শন করা হয় না।

উদাহরণ স্বরূপ:

• <শৈলী> শৈলী এবং স্টাইলশীটগুলি সংজ্ঞায়িত করে।
• মেটা ডেটা নির্ধারণ করে
• হল HTML ডকুমেন্ট উপাদান যা এই উপাদানগুলি ধারণ করে।

সাইন ইন করুন ইনলাইন এবং ব্লক এলিমেন্ট প্রকার

আপনি এই সিএসএস বৈশিষ্ট্যগুলির মধ্যে একটি ব্যবহার করে ইনলাইন থেকে একটি উপাদান এর প্রকার পরিবর্তন করতে পারেন, বা বিপরীতভাবে:

• প্রদর্শন ব্লক;
• প্রদর্শন: ইনলাইন;
• প্রদর্শন: কেউ না;

CSS প্রদর্শন সম্পত্তি আপনাকে ব্লক করার জন্য একটি ইনলাইনের বৈশিষ্ট্য পরিবর্তন করতে দেয়, অথবা একটি ব্লককে ইনলাইন করতে বা সব সময়ে প্রদর্শন করতে দেয় না।

প্রদর্শন বৈশিষ্ট্য পরিবর্তন করার সময়

সাধারণভাবে, আমি কেবল প্রদর্শন বৈশিষ্ট্যটি ছেড়ে যেতে চাই, কিন্তু কিছু ক্ষেত্রে যেখানে ইনলাইন এবং ব্লক প্রদর্শন বৈশিষ্ট্যগুলি সোয়াপিং উপযোগী হতে পারে।

• অনুভূমিক তালিকা মেনুগুলি: তালিকার ব্লক-স্তরের উপাদানগুলি, কিন্তু আপনি যদি আপনার মেনুকে অনুভূমিকভাবে প্রদর্শন করতে চান তবে আপনাকে তালিকাটি একটি ইনলাইন উপাদান রূপান্তর করতে হবে যাতে প্রতিটি মেনু আইটেম একটি নতুন রেখায় শুরু না করে।
• পাঠ্যের শিরোনাম : মাঝে মাঝে আপনি একটি শিরোনাম পাঠ্যতে থাকতে চান, তবে HTML শিরোনাম মানগুলি বজায় রাখতে পারেন। H1 এর মাধ্যমে H6 মানকে ইনলাইনের মধ্যে পরিবর্তন করা হলে এটি একটি নতুন লাইন থেকে শুরু করার পরিবর্তে একই লাইনে এটির পরবর্তী প্রবাহটি প্রবাহিত করতে তার ক্লোজিং ট্যাগের পরে আসে এমন টেক্সটকে অনুমতি দেবে
• উপাদান অপসারণ: আপনি যদি নথি স্বাভাবিক প্রবাহ থেকে সম্পূর্ণ একটি উপাদান মুছে ফেলতে চান, আপনি প্রদর্শন করতে পারবেন কেউ না। এক নোট, ডিসপ্লে ব্যবহার করার সময় সতর্কতা অবলম্বন করুন: কেউ না। যখন এই শৈলীটি অবশ্যই অদৃশ্য একটি উপাদান তৈরি করবে, আপনি এসইও কারনে যে পাঠ্যটি যুক্ত করেছেন তা লুকানোর জন্য আপনি এটি ব্যবহার করতে চান না, তবে দর্শকদের জন্য প্রদর্শন করতে চান না এসইও'র কালো টুপি পদ্ধতির জন্য আপনার সাইটকে দণ্ডিত করার একটি নিশ্চিত উপায়।

প্রচলিত ইনলাইন উপাদান ফরম্যাটিং ত্রুটি

ওয়েব ডিজাইনিংয়ের একজন নতুন ব্যবহারকারী একটি সাধারণ ত্রুটিগুলির মধ্যে একটি হল একটি ইনলাইন উপাদানটির প্রস্থ সেট করার চেষ্টা করছে। এটি কাজ করে না কারণ ইনলাইন উপাদানগুলির প্রস্থগুলি ধারক বাক্স দ্বারা সংজ্ঞায়িত করা হয় না।

ইনলাইন উপাদানগুলি বিভিন্ন বৈশিষ্ট্য উপেক্ষা করে:

• প্রস্থ এবং উচ্চতা
• সর্বোচ্চ-প্রস্থ এবং সর্বোচ্চ-উচ্চতা
• মিনি প্রস্থ এবং মিন-উচ্চতা

দ্রষ্টব্য: মাইক্রোসফট ইন্টারনেট এক্সপ্লোরার (এখন মাইক্রোসফ্ট এ্যাজ বলা হয়) অতীতে এই মানগুলি কিছুটা ইনলাইন বক্সগুলিতেও প্রয়োগ করা হয়েছে। এটি মান সম্মত নয়, এবং এটি মাইক্রোসফটের ওয়েব ব্রাউজারের নতুন সংস্করণগুলির ক্ষেত্রেও হতে পারে না।

যদি আপনি একটি উপাদানকে প্রস্থ বা উচ্চতা নির্ধারণ করতে চান, তাহলে আপনি আপনার ইনলাইন পাঠ্য সহ ব্লক-স্তরের উপাদানটিকে প্রয়োগ করতে চাইবেন।

2/3/17 এ জেরেমি গিয়ার্ড দ্বারা সম্পাদিত